Juliaa

30 minutes ago, Ziggy said:

Yes, this is perfect, works when I test it.

Hmmm. Any chance that I'm running into issues because my site is private while I work on building it?

6 hours ago, Ziggy said:

Technically you can skip the @font-face and SRC URL portion of the code if you know the font family name, you can just use that.

So I tried dropping that part and it seems to inconsistently work. Sometimes it will change the font correctly and other times it will change the font to some kind of random serif font (I've attached a screenshot of what it looks like). Also, if I do get it to correctly change the font, but then I try manipulating the size of the font via the slider in the global font settings, then it seems to reset to that random serif font.

Is this the correct code?

.sqsrte-small {
  font-family:'beloved-script';
}

I would like to change my paragraph 3 font to a font already in the squarespace font library  (e.g. Shelby). Every article/tutorial I've seen for custom CSS requires an src url for the font. The tutorials I've seen show you how to grab the url for custom fonts that the end user uploads into squarespace. However, I don't know how to find the src url for fonts that are already in the squarespace font library. Can someone help with that?

PS my website isn't live yet, so I can't share the link to it here.

4 hours ago, mappdesigns said:

One set of my custom fonts are working just fine, but the other is not. The font I am trying to set is for my H3,H4, and Paragraphs. I have it working in the header and newsletter block, but not elsewhere. Password is Espresso. Here is the code I have:

@font-face {    
font-family: 'Mr Eaves XL';       
src: url(https://static1.squarespace.com/static/6500be4e60391b0534a335c5/t/6500c8ad47e5c0246810684d/1694550190183/MrEavesXLModOT-Light.ttf);}

H3{font-family:'Mr Eaves XL'; size:17px
!important}
H4{font-family:'Mr Eaves XL'; size:15px !important}
P1 {font-family:'Mr Eaves XL'; size: 15px !important}
P2 {font-family:'Mr Eaves XL'; size: 12px !important}
P3 {font-family:'Mr Eaves XL'; size: 10px !important}

Where did you get the url for the font Mr. Eaves XL since it's already a font loaded in squarespace?  I'm trying to make a certain text block a different font (Shelby) that's already an option in squarespace, but every tutorial I've found shows you how to get the url for uploaded fonts.