Jump to content

Custom Font

Recommended Posts

Site URL: http://shopfigureform.com

Hello,

I am totally new at this and am trying to figure out how to add a custom font to my site. I've uploaded the font in the custom files but I can't change the site header (I think that's what I'm trying to change?)

 

I want to change the font in two places on this page, where it says "FIGURE FORM" and "color shapes you" seen here: https://shopfigureform.com/

I'd also like to change the font on this page where it says "Hello there-- I'm Shana..." seen here: https://shopfigureform.com/fanny

 

 

This is what I have:

//ADDING COLOMBIA FONT//
@font-face {    
font-family: 'COLOMBIA';       
src: url('https://static1.squarespace.com/static/5a70903918b27da887877f88/t/5f7bc3cc60b8b025f16c454f/1601946572509/Colombia-Regular.ttf');  }
  
//ASSIGN COLOMBIA FONT//

 

Any help is so so appreciated!

Link to comment
  • Replies 5
  • Views 679
  • Created
  • Last Reply

Add the following to your Custom CSS.

.nav-mobile-site-title-link,
.site-title,
#block-947ead312c75cb1485b1 h1, /* hello there i'm shana */
#block-yui_3_17_2_1_1560781086822_6605 .image-title-wrapper .image-title.sqs-dynamic-text p /* color shapes you */

  {
    
    font-family: COLOMBIA;
    
    }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
2 hours ago, fannyshiz said:

but it didn't change the font where it says "color shapes you"

Sorry I missed that one first time around.

1 hour ago, fannyshiz said:

Do you also have CSS for how I can change the font on my mobile device for the site header/site title?

Pease see my previous post. I've updated the CSS.

Replace the CSS I gave you before with the new version.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.