Articles

Typekit

  • Print
  • Details
  • Category: Extend
  • Published on Monday, 12 March 2012 13:34
  • Hits: 189

Introducing typekit:the easiest way to use real fonts on the web.

This Wedding demo features gorgeous headline fonts from typekit, an exciting new service that lets designers & developers display hundreds of real fonts on their websites that anyone, regardless of browser or OS, can view perfectly.

foundriesWith typekit, developers are no longer forced to design websites with boring (and unattractive) system fonts. Typekit lets you use premium, elegant, and eye-catching fonts on your site from well known type foundaries such as Adobe,Bitstream, Chank, P22, Floodfonts, FontFont, Fonthead & dozens more. Typekit makes your webpages really stand out!

Typekit is currently being used on several high-profile websites right now such as twitter.com and nytimes.com (New York Times online) and is enjoyed by over 250,000 customers worldwide.

It's fast becoming the 'must-have' tool among web developers and it's simply the easiest way to use beautiful, real fonts on the web.

Getting Started: How to add typekit code to your Wedding template

kit-editor screenTypekit is super easy to set up, but there are a few steps you must complete in order to use typekit fonts on your website (so that your website's fonts will look exactly like this demo).

For your convenience, we've already completed one of those steps for you by making the 'museo-slab' typekit font the default H1 & H2 font in the Wedding template.css file.

Since typekit is a commercial service (plans start at just $24.99 per year), we realize that some of our customers may not want to pay to use their fonts. That's why we've also made a Google Font as the secondary H1 & H2 font to this css file as well. Google Fonts are free to use and do not require you to purchase anything. The drawback to this, however, is that the Google Font choice we have added is not the same exact font as the typekit font and may not match 100%.

For step 2, you will need to add some code to your Wedding default.php file. In order to get that code, you will first need to create an account at typekit.com.

Check out this informative "getting started with typekit" video which shows you how to set up a typekit account and how to add all the necessary codes to your website.