Skip to main content
lfirth
Participating Frequently
February 12, 2014
Answered

Adobe Typekit font wont display in any browser

  • February 12, 2014
  • 1 reply
  • 571 views

I am working on this site: redsky.firthwebworks.com.au and believe I have set up the kit and added the header code correctly but the font (teckton-pro) doesn't display. Any ideas?

    This topic has been closed for replies.
    Correct answer liz, Adobe Type

    Hello there,

    I'm sorry that you ran into trouble with this! You have everything set up correctly in your kit, but there is a small typo in the CSS file:

         font-family: "teckton-pro",Verdana,Helvetica,sans-serif;

     

    The font family name is Tekton Pro (no "c").  If you change the CSS to:

         font-family: "tekton-pro",Verdana,Helvetica,sans-serif;

    the font will be applied.

    Here's a screenshot where I have made this edit in the web developer tools:

    Please give that a try, and let me know if you have any other questions!  best,

    -- liz

    1 reply

    liz, Adobe Type
    Community Manager
    liz, Adobe TypeCommunity ManagerCorrect answer
    Community Manager
    February 12, 2014

    Hello there,

    I'm sorry that you ran into trouble with this! You have everything set up correctly in your kit, but there is a small typo in the CSS file:

         font-family: "teckton-pro",Verdana,Helvetica,sans-serif;

     

    The font family name is Tekton Pro (no "c").  If you change the CSS to:

         font-family: "tekton-pro",Verdana,Helvetica,sans-serif;

    the font will be applied.

    Here's a screenshot where I have made this edit in the web developer tools:

    Please give that a try, and let me know if you have any other questions!  best,

    -- liz