[millbridgeParticipant]

Hi Support,

I’ve been reading the to find out how to add a custom font to an element, from there I have managed to work out that adding the line “font-family: ‘FONT-NAME’ !important;” in the style section of the element is the correct thing to do.

My problem is:
In my Typekit I have three font families, all showing as synced in the extension. However I’m not able to use these fonts in elements, when I put the above in the style box it goes to Times New Roman.

If I change the font to WingDings, font-family: ‘WingDings’ !important; then it shows WingDings successfully so I am guessing the issue is that my font family is not recognised by cornerstone.

How can I import the entire typekit into cornerstone, am I not putting some code in somewhere?

Thanks
Matt

[millbridgeParticipant]

Attached the list of fonts showing in the typekit plugin, the code I’m trying to unsuccessfully use is

font-family: ‘Almaq Rough’ !important;

[millbridgeParticipant]

this time with attachment (apologies!)

[JadeModerator]

Hi Matt,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[millbridgeParticipant]

This reply has been marked as private.

[JadeModerator]

Hi Matt,

Thanks for the details.

It seems like Almaq Rough font isn’t added in the kit yet. See screenshot below. Kindly add it in the kit and use this code in the inline stylw – please note to use the correct '' quotes.

font-family: 'Almaq Rough' !important;

[millbridgeParticipant]

Hi Support,

I’d removed the font from the Typekit and tried a few others just in case it was a font issue.

I’ve now, as a test, added it back in, synced the typekit – Almaq Rough appears now – and inserted the code above, using the ‘ ‘ quotes – still not working I’m afraid.

Would you mind taking another look please.
cheers
matt

[ChristopherModerator]

Hi there,

Please update your code to font-family: 'Almaq-Rough' !important;

Thanks.

[millbridgeParticipant]

Thanks for the prompt response.

That’s sorted it!!

Have also tried a couple of other fonts in the typekit and puttinng a – in for a space makes them work too.

Many thanks again.
Matt

[ChristopherModerator]

You’re welcome.

[Author]

Posts