How to change site title to use custom font?

I am using the Aubrey template. I've imported my custom font but it's not applying to my Site Title on the home page. I tried the code mentioned here (http://answers.squarespace.com/questions/96591/gravity-changing-site-title-to-a-custom-font) but that didn't work for me. Any help would be appreciated!

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

This did not work for me. I uploaded the font file (.ttf) and changed the font name as instructed. I even tried inserting the code from directly clicking on the font within "manage custom files".

Just figured it out. Paste the below text and replace Example with your custom font.

#header h1.site-title { font-family: "Example";}

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

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'

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?

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?

On 12/31/2015 at 6:36 AM, Guest Tamas said:

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

I realize this post is quite old, but figured others might find it while searching for an answer to this like I did. On my Squarespace 7.1, all I needed was the first part of this code and the uploaded font, making sure to reference the font exactly as the filename shows it in the font upload. The custom font CSS I used was also slightly different. I'll include both code snippets below in case it helps anyone using 7.1! Be sure to replace "fontfilename" in all instances with the name of the font file exactly as shown in the file upload (so whatever name comes before the .otf).

//Add custom font to site title//

#site-title {font-family: 'fontfilename';
}

//Custom font//

@font-face {
  font-family: fontfilename;
  src: url(put your URL here);
}