Jump to content

It will not let me change the font for the newsletter subscriber block in Style Guide..

Recommended Posts

 I can change the size and colour, no problem.  The font on the style guide says its already exactly what font I want (Minerva Modern) but the font showing on my page is (Garamond i think)

I can change the size and colour with no problem.  Any help out there? I have tried adding some custom CSS too, but to no avail. Can anyone help? 

 

image.thumb.png.f2ee617fa1a905115d1465bfaec66d01.pngimage.thumb.png.8acd654e8886a5c1d77b4d095bf44379.png

Link to comment
  • Replies 8
  • Views 960
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...

image.png.d35e4209e58c880a81eda7651a934cbb.png

Hello Taunphan, thanks for being as helpful as you have been for the many people I noticed you have helped on here. 

Are you able to help me figure out how to add the fonts that I have already added via CSS to my font style guide? I will give context. via photos.

In the photos you will notice my option is only 'FF Dagny Pro' when it should also be 'Bellaboo', and 'LeagueSpartan' as well as per my CSS code.

@font-face {
    font-family: 'DagnyPro-Bold';
    src: url('https://static1.squarespace.com/static/<redacted>/DagnyPro-Bold.otf');
} 
h1, p1 {font-family: 'DagnyPro-Bold';}

@font-face {
    font-family: 'Bellaboo';
    src: url('https://static1.squarespace.com/static/<redacted>/Bellaboo.otf');
} 
h2 {font-family: 'Bellaboo';
letter-spacing:.0em!important;}

@font-face {
    font-family: 'LeagueSpartan';
    src: url('https://static1.squarespace.com/static/<redacted>/LeagueSpartan-Bold.otf');
} 
h3 {font-family: 'LeagueSpartan' !important;} 

@font-face {
    font-family: 'DagnyPro';
    src: url('https://static1.squarespace.com/static/<redacted>/DagnyPro.otf');
} 
p2 {font-family: 'DagnyPro';}

<redacted> = remove for post but in live code.

Is there any reason for this issue that you can see from my code or is there a method you can advise?

Screenshot 2024-04-29 at 1.37.55 PM.png

Screenshot 2024-04-29 at 1.36.41 PM.png

Link to comment
12 hours ago, Vernille said:

image.png.d35e4209e58c880a81eda7651a934cbb.png

Hello Taunphan, thanks for being as helpful as you have been for the many people I noticed you have helped on here. 

Are you able to help me figure out how to add the fonts that I have already added via CSS to my font style guide? I will give context. via photos.

In the photos you will notice my option is only 'FF Dagny Pro' when it should also be 'Bellaboo', and 'LeagueSpartan' as well as per my CSS code.

@font-face {
    font-family: 'DagnyPro-Bold';
    src: url('https://static1.squarespace.com/static/<redacted>/DagnyPro-Bold.otf');
} 
h1, p1 {font-family: 'DagnyPro-Bold';}

@font-face {
    font-family: 'Bellaboo';
    src: url('https://static1.squarespace.com/static/<redacted>/Bellaboo.otf');
} 
h2 {font-family: 'Bellaboo';
letter-spacing:.0em!important;}

@font-face {
    font-family: 'LeagueSpartan';
    src: url('https://static1.squarespace.com/static/<redacted>/LeagueSpartan-Bold.otf');
} 
h3 {font-family: 'LeagueSpartan' !important;} 

@font-face {
    font-family: 'DagnyPro';
    src: url('https://static1.squarespace.com/static/<redacted>/DagnyPro.otf');
} 
p2 {font-family: 'DagnyPro';}

<redacted> = remove for post but in live code.

Is there any reason for this issue that you can see from my code or is there a method you can advise?

Screenshot 2024-04-29 at 1.37.55 PM.png

Screenshot 2024-04-29 at 1.36.41 PM.png

There is no way to add Custom Font to Site Styles. To apply custom font to an element, you will need to use custom code.

You can let me know which elements you want to assign font, I can check & give you code

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi Taunphan,

My issue that the custom font, is not available to use in our store. When the store is selected, I am only able to use preset/standard fonts.

The image attached shows what I want to apply the font to labeled "Text", and the explains the challenge I currently face (also in red)

I appreciate all the help I can get Taun.

Screenshot 2024-04-30 at 12.18.41 PM.png

Link to comment
16 hours ago, Vernille said:

Hi Taunphan,

My issue that the custom font, is not available to use in our store. When the store is selected, I am only able to use preset/standard fonts.

The image attached shows what I want to apply the font to labeled "Text", and the explains the challenge I currently face (also in red)

I appreciate all the help I can get Taun.

Screenshot 2024-04-30 at 12.18.41 PM.png

You can share link to a product page, we will give the code to assign font

(Custom font won't appear in Site Styles panel)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

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.