Jump to content

Custom Font for Site Title & Nav on Wells Template?

Recommended Posts

  • 2 months later...
  • Replies 39
  • Created
  • Last Reply
11 minutes ago, Niv said:

Thank you, My website is offline now as I'm building it but I have a similar website here: https://www.familiesbyniv.com/ehnwvu3kidzce8wxcgpinoefg53hfj

Add to Home > Design > Custom CSS

.meta * {
    font-family: tuanphan !important;
}

 

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
  • 4 weeks later...

Hi,

I'm having trouble changing the site title for web/ mobile to a custom font that i've uploaded, specifically for the YORK template.

I've tried almost every code in this thread but nothing seems to be working. (I'm clearly inexperienced)

Any help would be much appreciated.

 

Stay safe & healthy! 🖤

Link to comment
5 hours ago, ufobro said:

Hi,

I'm having trouble changing the site title for web/ mobile to a custom font that i've uploaded, specifically for the YORK template.

I've tried almost every code in this thread but nothing seems to be working. (I'm clearly inexperienced)

Any help would be much appreciated.

 

Stay safe & healthy! 🖤

Add to Home > Design  > Custom CSS

@font-face { 
  font-family: 'nexa'; 
  src: url(https://static1.squarespace.com/static/5d2b34d977f80900014edb0d/t/5e3f7cb899dd6e23d8b1e836/1581219002767/nexa-regular.otf); 
} 
/* Desktop */
.site-title a{
    font-family: 'nexa';
}
/* Mobile */
.mobile-site-title a{
    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
  • 2 weeks later...

Hi tuanphan,

I'm using Mojave Template. Here the link of my website : https://www.benoitbringer.com (password : vagabond)

I would like to change the head1 font to a font I have upload via Custom CSS ().

I use the font code below, based on previous message here, but it is not working.

@font-face {
  font-family: KarnakPro-CondensedBlack;
  src: url(https://static1.squarespace.com/static/5e3bdedfaa023d406469ae6b/t/5e81e05681902e24ce40491c/1585569878913/KarnakPro-CondensedBlack.ttf);
}
.h1 a {
  font-family: KarnakPro-CondensedBlack !important;
}

A help will be very much appreciate. Thanks! 

Stay safe! 

Link to comment
4 minutes ago, BB79 said:

Hi tuanphan,

I'm using Mojave Template. Here the link of my website : https://www.benoitbringer.com (password : vagabond)

I would like to change the head1 font to a font I have upload via Custom CSS ().

I use the font code below, based on previous message here, but it is not working.

@font-face {
  font-family: KarnakPro-CondensedBlack;
  src: url(https://static1.squarespace.com/static/5e3bdedfaa023d406469ae6b/t/5e81e05681902e24ce40491c/1585569878913/KarnakPro-CondensedBlack.ttf);
}
.h1 a {
  font-family: KarnakPro-CondensedBlack !important;
}

A help will be very much appreciate. Thanks! 

Stay safe! 

h1 {
  font-family: KarnakPro-CondensedBlack !important;
}

 

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
  • 2 weeks later...
15 hours ago, daveroch said:

@tuanphan Please help! I'm using Paloma and I'm trying to alter the font that appears on the summary block of my episodes on my homepage. I've altered the fonts sitewide, but can't figure out the CSS code to change the font in those blocks. Here's my site: https://www.isolatedtogetherpodcast.org/

Thanks so much! 

Use this CSS

time.summary-metadata-item.summary-metadata-item--date {
    font-family: 'TIMES' !important;
}
a.summary-title-link {
    font-family: 'TIMES' !important;
}
a.summary-read-more-link {
    font-family: 'TIMES' !important;
}

 

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
14 hours ago, Reed said:

Hey! Thank you @tuanphan for helping with this code- worked like a charm! 

I was wondering what the coding would look like to change the gallery navigation to the custom font. 

 

Thanks!

.collection-type-gallery.hide-meta .meta * {
    font-family: "Handwriting";
}

 

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

Archived

This topic is now archived and is closed to further replies.

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