Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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.

share|improve this question

2 Answers 2

up vote 6 down vote accepted

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.

share|improve this answer
    
Thanks for the, very informative, answer. –  JW01 Jan 7 '13 at 13:52

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.

share|improve this answer
    
Thanks for that link. I didn't know about that service from Google. –  JW01 Jan 7 '13 at 13:52

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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