Custom Font

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!

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.

Creedon,

Thank you! I so so appreciate your help.

The site title changed but it didn't change the font where it says "color shapes you" here: https://shopfigureform.com/

Creedon --

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

Creedon --

That's perfect! Thank you so much! I so appreciate your help.