Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

using custom css to change (imported) fonts -- some specs aren't working


CarolM

Question

Hi -- I've imported 2 fonts (using Custom CSS editor and Custom files). I've specified that those fonts be used for various tags. (Sorry, my terminology may be very wrong here!) Anyway, for the most part everything is working. However:

- I initially had p1 font family set to Optima Medium (which worked). When I changed the font-family to Adorn Roman, it had no effect. (Now, when I change p1 to anything else it seems to have no effect -- it's like it's "stuck" on Optima.) Note that Adorn Roman DOES work for h1, so I don't think there's anything wrong with what I imported.

- I can't figure out the proper tag to change the button font  (for ALL buttons on the site.) I know that it's possible to set the font for buttons in the Design tool, but the font I want to use (Optima Medium) is not an option. You'll see in the CSS that I've tried MANY things (that don't work).

- I also can't get determine proper tag to change the font for the header / title in the newsletter block. Help?

- Finally -- ONE TIME I found a font dialog that let me search all fonts (rather than just the families that show up by default). How can I reliably get to that dialog? I found Adorn Roman in it... don't know if it was there before I imported it or not...  Optima Medium was not in the list. Not sure if I can change that.

CSS is below.  Probably obvious, but I'm a newbie!

 

Thanks,

Carol

******************************************************************************

@font-face {

    font-family: 'Optima Medium';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/6293d5c72ca98112fcce627e/1653855687900/Optima+Medium.ttf');

    font-family: 'Adorn Roman';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/62bcecc887271d6b2b611b1d/1656548552608/Laura+Worthington+-+Adorn+Roman.ttf');
         
}

h1 {font-family: 'Adorn Roman';}
h2 {font-family: 'Optima Medium';}
h3 {font-family: 'Optima Medium';}
h4 {font-family: 'Optima Medium';}
p1 {font-family: 'Adorn Roman';}
p2 {font-family: 'Optima Medium';}
p3 {font-family: 'Optima Medium';}
.image-button.sqs-dynamic-text {font-family: 'Optima Medium';}
.sqs-block-button .sqs-block-button-element--small {font-family: 'Optima Medium';}
.sqs-block-button-element--large {font-family: 'Optima Medium';}
.header-nav-item {font-family: 'Optima Medium';}
.header-title-text {font-family: 'Optima Medium';}

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

1 font = 1 font face code

2 font needs 2 font face

@font-face {

    font-family: 'Optima Medium';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/6293d5c72ca98112fcce627e/1653855687900/Optima+Medium.ttf');
         
}
@font-face {

    font-family: 'Adorn Roman';

       src: url('https://static1.squarespace.com/static/626d5167c8cf094dc068f0ef/t/62bcecc887271d6b2b611b1d/1656548552608/Laura+Worthington+-+Adorn+Roman.ttf');
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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