O'Reilly logo

Instant HTML5 Fonts and Typography by K. Jaouher

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating different font files (Intermediate)

In the last recipe, we used different fonts and we manipulated the cross-browser compatibility. However, how to create or get these fonts and how to generate the different formats for use in different browsers (Embedded Open Type, Open Type, True Type Font, Web Open Font Format, and SVG font) is explained in this recipe.

Getting ready

To get the original file of the font created during this recipe in addition to the generated font formats and the full source code of the project FontCreation; please refer to the receipe2 project folder.

How to do it...

The following steps are preformed for creating different font files:

  1. Firstly, we will get an original TTF font file. There are two different ways to get fonts: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required