2

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.

2 Answers 2

6

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.

0
3

Google also provides free access to many fonts:

https://developers.google.com/webfonts/

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

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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