Custom font CSS working for headings, but shouldnt be working for paragraphs

Hi, I would love some help with my issue:

I entered Custom CSS (code shown below) so that I could change my heading fonts to DM Serif Display. This has worked but unfortunately, paragraphs 1 and 3 have also changed to DM Serif Display Font.

All my paragraphs should be Cabin, but I am only able to use Cabin in Paragraph 2. 

The other issue is that in Site Styles > Fonts, only Cabin is shown, DM Serif is not listed at all.

If you have encountered this, or are avle to help, I would so appreciate it, as I am not a coder, and wasnt expecting that I would have to do this (when signing up to Squarespace).

Thanks!

--------

Here is the custom code I entered into Design>Custom CSS>Manage Custom files:

------------

// CUSTOM FONT

@font-face {

font-family: 'DMSERIFDISPLAY';

src: url(https://static1.squarespace.com/static/60e8b4390b0e7d095dcd1680/t/6401cec210a62123f2d39565/1677840066639/2.DMSerifDisplay-Regular.ttf);

}

h1 {

font-family: 'DMSERIFDISPLAY';}

h2 {

font-family: 'DMSERIFDISPLAY';}

h3 {

font-family: 'DMSERIFDISPLAY';}

h4 {

font-family: 'DMSERIFDISPLAY';}

.sqsrte-large {

font-family: 'DMSERIFDISPLAY';}

.sqsrte-small {

font-family: 'DMSERIFDISPLAY';}

16 hours ago, Daleen said:

.sqsrte-large {

font-family: 'DMSERIFDISPLAY';}

.sqsrte-small {

font-family: 'DMSERIFDISPLAY';}

This is the problem: 

.sqsrte-large and .sqsrte-small are Paragraph 1 and Paragraph 3 respectively.

You just need to remove those.

Thanks so much!!  I removed the 2 parts of the code and the paragraphs 1 and 3 are back to Cabin font. 

Is there any way that I can change (or rename) the way that the fonts are listed in Design > Site Styles > Font ? At the moment Cabin is listed as both the Heading font and the paragraph font ? (which is going to be very confusing to work with).

Many thanks again for resolving the first issue.

Daleen

'No, you can't change the text, but you could change the font to anything else, it won't change the font'.

Thanks, but I'm not sure what you mean by this?

41 minutes ago, Daleen said:

Is there any way that I can change (or rename) the way that the fonts are listed in Design > Site Styles > Font ? At the moment Cabin is listed as both the Heading font and the paragraph font ? (which is going to be very confusing to work with).

You can change the font in the site styles, but you can't "rename" or change how they're listed.

If you do change the font for the headings, it won't change in the website because you're overriding it in CSS.

'You can change the font in the site styles, but you can't "rename" or change how they're listed.

If you do change the font for the headings, it won't change in the website because you're overriding it in CSS.'

Hi Ziggy,

Thanks for your reply, but how is it possible to work on my site, making changes without it being clear which font is being used where.

For example, I am trying to edit the header across the site because it is in Cabin font, which is meant for paragraphs. In Site Styles >fonts > Assign Styles > (Font)Header ,

the site title says 'Heading', and the

Site Navigation says 'Custom'

All really confusing to me.

Are these font issues something you could resolve quickly /easily ? 

Let me know if you can help in terms of 'coffees'

Thanks

Daleen

https://beige-apricot-7tzx.squarespace.com/config/design/site-styles/fonts

21 minutes ago, Daleen said:

Are these font issues something you could resolve quickly /easily ? 

These aren't really resolvable. The "Custom" label only refers to fonts outside of your "main font selection"

Squarespace doesn't natively support custom fonts (they provide thousands to choose from) but there are ways of getting around that (as you are using) but the styles menu doesn't know that's what you're doing. Maybe in the future this will be possible.

Ok thanks for letting me know.