Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
ekekek

How to change site title to use custom font?

Question

6 answers to this question

Recommended Posts

  • 1

Hey - try this below

Add the font first. (Download the otf file and add to custom css/ file manager). In the code below: change 'Example' to your font name you want to use.


@font-face{
 font-family: 'Example';
 src:local('Example'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf);
}

Once you have the font installed like above, apply it to your Site Title in the navbar( aka. header)


#site-title {font-family: 'Example'; src:local('Example'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)}

Hope it helps. Cheers

Edited by Tamas

Share this post


Link to post
  • 0

I'm new to css also and searched multiple forums. I found this solution by inspecting my squarespace webpage on google. It worked for me!

1.Copy and paste

@font-face { font-family: 'GeosansLight';

src: url('https://static1.squarespace.com/static/5a8c34eb51a584a57bc62511/t/5a93aadff9619a83af6f6839/1519626975231/GeosansLight.ttf ');

font-weight: normal;

font-style: normal; }

.has-site-title .Header-branding { font-family: "GeosansLight"; }

2.Changes you need to make for this to work--> a. upload your own font on 'manage custom file' and obtain 'src: url' by clicking on uploaded font file title. b. change 'font-family' and 'src: url'

Share this post


Link to post
  • 0

Hey guys! I used this code to change my Logo font at Squarespace, however at the mobile it keeps same wrong font. Is there any aditional code for changing at the mobile as well?

 

Share this post


Link to post
  • 0
1 hour ago, lumaoquendo said:

Hey guys! I used this code to change my Logo font at Squarespace, however at the mobile it keeps same wrong font. Is there any aditional code for changing at the mobile as well?

 

Each template uses different code for site title/logo. Can you share link to your site?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...