Typekit font usage with Hybrid?

1. 

   DanClark (Member)
   Posted 10 months ago | Permalink

   Today I got a Typekit account, and have been playing around with integration of Typekit font-families on my Hybrid-themed WordPress install. I can't seem to get the font to show, even though Typekit's colophon shows up on my page indicating the java code is correctly in my header.

   Could the fonts called from hybrid's css be overriding the typekit @font-face designations somehow? Any thoughts?

   Additionally, it appears I have 5 Typekit account invitations to give out, so if anyone is interested...

2. 

   Justin Tadlock (Administrator)
   Posted 10 months ago | Permalink

   You must be a logged-in exclusive member to view this reply.

3. 

   David (Member)
   Posted 10 months ago | Permalink

   Why not use the new CSS3 rule @font-face, It works in the newer browsers.
   

   @font-face {
   		font-family: "Stencil";
   		src: url("../brv/library/images/StencilStd.otf");
   		}

   I am using it at Brigusroad.

4. 

   DanClark (Member)
   Posted 10 months ago | Permalink

   Thanks Justin and malewail. I figured out my problem: it was user (my) error in configuring Typekit. For everything to work, domains must be entered separated by commas. I’d separated mine with spaces only. Having fixed that, the classes and IDs I designated using Typekit correctly override the font-family for those classes and IDs (but font-size and other properties are spared).

   For more on Typekit, see http://blog.typekit.com/2009/05/27/introducing-typekit/

   Typekit seems like a cool implementation of font linking that would prevent theft of web-implemented typography from font foundries. I’m still very new to WordPress/CSS/PHP/Hybrid/etc., but you can see my in-development work at http://clarkbiology.com

5. 

   thomasfeder (Member)
   Posted 10 months ago | Permalink

   @danclark
   it Sounds very interesting what you are doing,if you still have an invitation,could you send one to mé? My mail is thomasfeder@gmail.com

6. 

   8207h32 (Member)
   Posted 10 months ago | Permalink

   @DanClark
   If you still have an Typekit invitation code, please send it to 8207h32@gmail.com
   Anyway, thanks for share about Typekit feature.

7. 

   thomasfeder (Member)
   Posted 10 months ago | Permalink

   @DanClark
   P.S Thanks for the invite -
   You are "Dan the man" !! :)

8. 

   8207h32 (Member)
   Posted 10 months ago | Permalink

   @DanClark
   Thanks for the invite too.
   After the sign up with invitation code, now I have 5 invitation code too. So, if anyone want to try the feature.. just send email to me

9. 

   fb (Member)
   Posted 10 months ago | Permalink

   @8207h32

   Thank you

10. 

    corey (Member)
    Posted 5 months ago | Permalink

    Hmmm.... I'm trying this right now. How,exactly, do I add the TypeKit javascript in Hybrid? I know how to use wp_enqueue_script() for the first part, but what do I do with the second line?

    • code to add to for TypeKit to work:
11. 

    Justin Tadlock (Administrator)
    Posted 5 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

12. 

    corey (Member)
    Posted 5 months ago | Permalink

    <script type="text/javascript" src="http://use.typekit.com/iwn7uvf.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

13. 

    Justin Tadlock (Administrator)
    Posted 5 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

14. 

    corey (Member)
    Posted 5 months ago | Permalink

    Thanks Justin. Working with Hybrid has been a joy. And your quick and pleasant responses (even when someone forgets to use backtick characters) is SO refreshing. Big thanks for all you do!!

15. 

    Evan Brammer (Member)
    Posted 5 months ago | Permalink

    I'd love an invite to Typekit: ebrammer [at] gmail [dot] com

Reply

You must log in to post.