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

How can I change the Font Family for just a single


scholarsayze
Go to solution Solved by creedon,

Question

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1

Hello, I am trying to change the font family of just one text block on my site to 'adobe-caslon-pro' but I can't figure it out?

I am also trying to change its font size to 1.9rem, and the color to #00ff3d

It is the section where the para reads "Introducing our latest SCHOLAR & SAYZÉ ™ additions READ MORE".

Please help!

Page = https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1

Pword = bluebird

Many thanks,

Best,

Faiz

Link to post
  • Answers 16
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

If you want to change fonts for one page then you have to use some custom CSS in your required page header code injection. Please use those code in your required pagae header code injection. <s

Posted Images

16 answers to this question

Recommended Posts

  • 1

If you want to change fonts for one page then you have to use some custom CSS in your required page header code injection. Please use those code in your required pagae header code injection.

<style type="text/css">
  
  #block-yui_3_17_2_1_1613558390525_5996 p {
  	font-family: adobe-caslon-pro !important;
    font-size: 1.9rem !important;
    color: #00ff3d !important;
  }
  
</style>

}

Link to post
  • 0
On 2/17/2021 at 10:28 PM, scholarsayze said:

Sorry I just notice on my mobile device, the paragraph changes does not show on my mobile?

Is there a fix for this please, so at least this para displays as 'adobe-caslon-pro'?

Thank you.

The url doesn't exist. Can you check again?

Link to post
  • 0
On 2/19/2021 at 3:49 PM, scholarsayze said:

Sorry I set the page as my home page now just trying hard to finish off everything!

Here's the correct page = https://bluebird-porcupine-yzdg.squarespace.com/home

Pword = bluebird

As attached, the font doesn't seem to be showing as Adobe Caslon Pro on my mobile. It shows correctly on the Squarespace mobile preview. But not on actual mobile.

Screenshot_20210219_084639_com.android.chrome.jpg

Hi. Did you solve this?

image.thumb.png.e5a4925dd135adb90489361fab30aca5.png

Link to post
  • 0

Thanks Creedon, I appreciate your support here, many thanks! 💯

I don't really know much about web fonts but just looking through this - https://stackoverflow.com/questions/3245141/using-otf-fonts-on-web-browsers - the code seems to have a source url, do I need to download Adobe Caslon Pro, and upload it somewhere to get a url?

Sorry for my lack of understanding here. I'm not really confident do this kind of stuff!

Link to post
  • 0
On 2/23/2021 at 2:18 PM, scholarsayze said:

Thanks very much I'll take a look into this if not, I guess I could play around with other alternatives.

Thank you!

Hi. Have you solved it yet?

Link to post
  • 0

Hi Tuanphan, I actually set my main Headers to Libre Baskerville which is pretty much a good match and decided against actually showing this section on mobile.

Many thanks, sorted for now!!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...