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.

Improve this question

2 Answers 2

Reset to default
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.

Improve this answer
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.

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

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.