I have just been peeking at the source code of a web page.

I notice that there is a CSS rule that defines what seems to be a rare font for some nice-looking subheadings.

Html (Source file)

<h2><em><span style="color:#333">Model your workflow to fail fast.</span></em></h2>

CSS (source file)


h2 em {
    font-family: MarydaleBold;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.02em;

I am interested to know how it is possible to use a rare font like that for distribution over the web to many computers that may not have that font installed.


They're using font embedding, through TypeKit. This can also be accomplished locally by using your own properly-formatted font files, either by converting them with desktop font creation software or services such as font Squirrel (cf. previous question), though you'll have to pay close attention to your font licensing to see if that's allowed. But it can be convoluted, and TypeKit just makes it easier plus has arrangements with many foundries who disallow it to distribute their fonts for such use.

Marydale itself isn't in TypeKit's regular library, but is licensed from FontShop, and then transferred for use through TypeKit.


Google also provides free access to many fonts:


I'm currently using Google's fonts in developing the next iteration of my company's website.

  • Thanks for that link. I didn't know about that service from Google.
    – JW01
    Jan 7 '13 at 13:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.