Jump to content

Custom Font for Site Title Skye Template

Recommended Posts

I cannot for the life of me get any code I have tried to change the font on the site title for the Skye Template. It works for headers, but not for the site title for desktop or mobile. Does anyone know how to get it to work? (for both) Thank you!

Hope it helps. Cheers

Edited December 31, 2015 by Tamas
 
  • 0

kylebarrydesign

  • Member
  •  0
  • 2 posts

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

 
  • 0

kylebarrydesign

  • Member
  •  0
  • 2 posts

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

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

 
  • 0

soupnkit

  • Member
  •  22
  • 7 posts

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'

 
  • 0

lumaoquendo

  • Circle Member
  •  1
  • 11 posts

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?

 

 

 

COVID-19Send your question to my email. I will provide free prority support in this crazy time.

How to Setup Password & Share URL 

Being overloaded with notifications on the forum, the answer will be slower ...

Create an account or sign in to comment

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


Link to comment
  • Replies 3
  • Views 673
  • Created
  • Last Reply

Top Posters In This Topic

Add to Home > Design > Custom CSS

/* Skye */
@font-face { 
  font-family: nexa; 
  src: url(https://static1.squarespace.com/static/5d2b34d977f80900014edb0d/t/5e3f7cb899dd6e23d8b1e836/1581219002767/nexa-regular.otf); 
} 
/* Title */
span.site-title-text{
    font-family: nexa;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...

I'm also trying to change the fonts to custom fonts in this template, and nothing I try works. Trying to change the tagline. Any help would be greatly appreciated!

Currently using 

span.site-tagline-text{
    font-family: 'NotoSerif-Display';
}

and blog item title

.blog-item-title .entry-title {font-family: 'Archivo-SemiExpanded'}

Link to comment
On 3/10/2022 at 6:49 AM, agtrymus said:

I'm also trying to change the fonts to custom fonts in this template, and nothing I try works. Trying to change the tagline. Any help would be greatly appreciated!

Currently using 

span.site-tagline-text{
    font-family: 'NotoSerif-Display';
}

and blog item title

.blog-item-title .entry-title {font-family: 'Archivo-SemiExpanded'}

What is your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.