Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #727493

    millbridge
    Participant

    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

    #727495

    millbridge
    Participant

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

    font-family: ‘Almaq Rough’ !important;

    #727496

    millbridge
    Participant

    this time with attachment (apologies!)

    #727606

    Jade
    Moderator

    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.

    #727615

    millbridge
    Participant
    This reply has been marked as private.
    #727768

    Jade
    Moderator

    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;

    #728271

    millbridge
    Participant

    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

    #728282

    Christopher
    Moderator

    Hi there,

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

    Thanks.

    #728297

    millbridge
    Participant

    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

    #728331

    Christopher
    Moderator

    You’re welcome.