Trying to customise font for an individual text block

Hi

I have a site wide defined font but wish to use a different font for a specific text block

The following is what I've attempted.

Downloaded font ( Algerian Regular ) and get a .ttf file.

Obtain block id of specific text block id using google plugin ( https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff )

Go to Custom CSS

Load Font

Enter following in CSS

@font-face { 
font-family: 'Algerian';
src: url(https://static1.squarespace.com/static/6314e82422945a1a6e7ecb2e/t/656b3708d0e90c712e0ed6d2/1701525256249/Algerian+Regular.ttf)
}

#block-yui_3_17_2_1_1701517608750_10889 * {font-family:Algerian}

Text font doesn't change

Anyone got an idea ?

Chris

Hi @ChrisGreen your uploaded font name is 'Algerian' with single quotes, when you use it below, it's Algerian without quotes.

In your second code block, try this instead. Adding single quotes and semi-colon.

#block-yui_3_17_2_1_1701517608750_10889 * {
	font-family: 'Algerian';
}

Let me know how it goes. Refresh after saving.

If it doesn't work, please share your website URL.

Hi

Nope didn't work.

Sorry can't share as it's a Members Only area containing personal data covered under Data Protection

Chris

17 hours ago, ChrisGreen said:

Nope didn't work.

Sorry can't share as it's a Members Only area containing personal data covered under Data Protection

Hard to guess without seeing what's going on. The other suggestion is to try reload your file in src url.

I can check to see if your custom file is loaded correctly, won't need access to your member area, just to any open page. Custom CSS is for your entire website, not page specific.