When you don’t want to write any additional CSS yourself.All you have to do is add two short lines of JavaScript to the of your page: Use this option: Publish the kit, and it will automatically include its own CSS when it’s added to the page. You can add CSS selectors directly to your kit in the Kit Editor. In the Kit Editor, just add CSS selectors to each of the font families in your kit. The first and simplest option is to let your kit add all of the CSS that’s necessary to apply fonts to your page. How do all of these options work, and which factors determine the option that’s right for your project? Option 1: Don’t write any CSS at all With all of these different options, it’s useful to step back and consider them as a whole. * Option 4: Use variation-specific font-family namesįont-family: proxima-nova-n9, proxima-nova, sans-serif * Option 3: Use font-weight and font-style The options range from basic and drop-dead simple (just add fonts and selectors, then drop in the JavaScript) to the more complex (taking advantage of variation-specific font-family names to work around style-linking limitations in old versions of Internet Explorer), and everything in between: /* Option 1: Add selectors to your kit and don't write any CSS */ /* Option 2: Use Typekit font-family names */ With some of the recent improvements to our kits, Typekit is providing more tools for using fonts on the web than ever before.