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

How to change site title to use custom font?


ekekek

Question

  • Answers 6
  • Created
  • Last Reply

Top Posters For This 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
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'

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?

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...