Embedding Web Fonts: 5 Free @font-face Resources

May

2009

Which fonts can be freely embedded using @font-face? Our list of 5 resources will take out the guesswork.

One of the most anticipated web developments recently is the @font-face rule for CSS3.

The @font-face rule allows for actual fonts to be embedded, so you don’t have to rely on the visitor having that specific font already installed on their system. No more font stacks.

Free @font-face Fonts

Finding fonts with licenses that allow for embedding via @font-face can be difficult.

Here are 5 7 links and resources to free fonts that can be embedded using @font-face:

1. The League of Moveable Type

A foundry that creates free, open source @font-face fonts.

2. **Fonts Available For @font-face Embedding** (Webfonts.info)

Includes a large list of 25+ free fonts that either specifically allow @font-face embedding, or are open source/public domain fonts.

3. Font Squirrel

A collection of free and open source fonts available for commercial-use. Many of the fonts’ licenses allow for embedding, but make sure to check 1st before embedding.

Update: Font Squirrel has added a @font-face filter to their site. Now you have the option to view only @font-face fonts. You can read more about it here: Filter @font-face Fonts on Font Squirrel

4. **10 Great Free Fonts For @font-face Embedding**

5. Internet Explorer Embeddable Fonts (EOT)

Embeddable fonts for IE.

6. Update: Open Font Library

HUGE list of freely usable fonts for embedding via @font-face as well as the option to link to hosted fonts on the openfontlibrary.fontly.org site.

7. exljbris :: Free Quality Font Foundry (Updated 05/12/2009)

All the exljbris free fonts (except including the free weights and styles of Museo and Museo Sans) are licensed for embedding. This includes popular fonts like: Anivers, Delicious, Fertigo Pro, Fontin, etc. See licensing and linking details.