Home Forums Arnold WordPress Theme How to add the Typekit Code

This topic contains 7 replies, has 2 voices, and was last updated by  SeaTheme 1 year, 2 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16248

    DIANE B.
    Blocked
    Purchased

    Hi team,

    Usually we can add a Typekit code to a template but I’m struggling to find the box options for this in Arnold.
    Could you please help me?

    Many thanks,
    Best,

    Diane

    #16252

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    Did you talk the Adobe Typekit? There is not the Adobe Typekit option in Arnold theme.
    The Art theme supports Adobe Typekit.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #16268

    DIANE B.
    Blocked
    Purchased

    Hi,

    Yes I’m talking about the Adobe Typekit. I’ve already bought the Arnold Theme and I definitely want to use this one.
    Unfortunately, this is a big issue for me as I need to use my branding fonts (Bebas Kai and Europa) which are not Google fonts. I can’t do another way using other fonts.

    Can I add a code to the CSS to embed these fonts or to refer to the Typekit code I’m using? Please help me on this.

    Thank you in advance,
    Best,

    Diane

    #16269

    DIANE B.
    Blocked
    Purchased

    Or maybe there’s a plugin I can add to this theme to add a typekit code?…

    #16270

    SeaTheme
    Keymaster
    Purchased
    Supported

    It is possible by CSS(“Appearance > Customize : Additional CSS”):

    @import url("https://use.typekit.net/typekit-ID.css");
    /* Heading font */
    body.single .title-wrap-tit,.title-wrap-h1, .archive-grid-item-tit,.title-wrap-meta-a,.archive-grid-item-meta-item,h1,h2,h3,h4,h5,h6,product-caption-title  { font-family:"TheFontName";}
    
    /* Body text */
    body {font-family: 'TheFontName';}
    
    /* Menu */
    .navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,.head-meta .languages-shortname,.ux-justified-menu a, #navi a {font-family: 'TheFontName';}
    #16279

    DIANE B.
    Blocked
    Purchased

    Hi,

    Thank you for this but I did it and it didn’t work. I added the CSS with my ID code and font names but it didn’t change anything to the website.

    I also tried to ad a plugin who can manage to do this but it didn’t work neither…
    Please see http://diane-b.com/

    I’ve sent my admin access by email. is it possible to check what is wrong?

    Many thanks in advance,

    Diane

    #16308

    DIANE B.
    Blocked
    Purchased

    Hi team,

    Any news on this?

    Best,
    Diane

    #16310

    SeaTheme
    Keymaster
    Purchased
    Supported

    I checked, add !important like:
    body { font-family: "europa"!important; }

    • This reply was modified 1 year, 2 months ago by  SeaTheme.
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!