SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Adobe TypeKit

  1. #1
    SitePoint Addict revlimiter's Avatar
    Join Date
    Sep 2005
    British Columbia, Canada
    0 Post(s)
    0 Thread(s)

    Adobe TypeKit

    <script src=""></script>

    I noticed this bit of code on a respectable website but I can't figure out how or why they are using it?

    I have never used Adobe TypeKit for loading websites before. I have only used Font Squirrel to generate fonts like so:

    /* Generated by Font Squirrel ( on January 23, 2013 08:21:00 PM America/New_York */
    @font-face {
    font-family: 'ProclamateLight';
    src: url('proclamate_light-webfont.eot');
    src: url('proclamate_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('proclamate_light-webfont.woff') format('woff'),
    url('proclamate_light-webfont.ttf') format('truetype'),
    url('proclamate_light-webfont.svg#ProclamateLight') format('svg');
    font-weight: normal;
    font-style: normal;


    However, is Adobe TypeKit a better solution than @font-face? Or is it even intended to replace @font-face CSS declarations?
    Just trying to get a feel for what would work best and on all platforms, mobile browsers and outdated desktop browsers too.

    "To make an apple pie from scratch,
    you must first create the universe.
    -Carl Sagan

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Melbourne, AU
    462 Post(s)
    8 Thread(s)
    Quote Originally Posted by revlimiter View Post
    I have only used Font Squirrel to generate fonts ... is Adobe TypeKit a better solution than @font-face? Or is it even intended to replace @font-face CSS declarations?
    TypeKit is one of many services for serving up fonts with @font-face. The reason these services exist is to get around the problem of licensing. FontSquirrel can only offer you fonts that have been offered for free use. But there are many, many fonts that are not free to use this way. Font foundries have been very slow to prepare for / allow for @font-face, for the obvious reason that it means you are distributing the font all over the web for anyone to use—a nightmare from a copyright perspective.

    So services like TypeKit (I think they were the first, in fact) developed a way to serve fonts on the web without thereby allowing end users to download the font and keep it. This keeps a lot of the font creators happy, and means we can use a lot more fonts on the web with @font-face. The foundries get paid, too, because you pay to use these services.

    These services make it really easy to use the fonts, too, by giving a simple string of code that you add to your pages. You then just reference the font in your style sheet like any other font. Cool! That's much easier than uploading all the fonts and adding in all that FontSquirrel CSS too. (Don't get me wrong, though: FontSquirrel is my preferred option, but it can't offer you commercial fonts.)


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts