UnifrakturCook, a Unicode Fraktur Font

On this page:

Download and Inſtallation

For inſtallation, doubleclick the TTF file that is included in the ZIP archive, and your OS ſhould aſk you whether you want to inſtall the font.

Since this font is available at Adobe Edge Web Fonts, you can eaſily embed it on your internet ſite.

The ſafeſt way to embed the font is by placing the following line of code at the beginning of the <head> tag of your HTML code:

<script src="//use.edgefonts.net/unifrakturcook:n7:all.js"></script>

After that, you may uſe the font name UnifrakturCook in ſubſequent CSS definitions, for inſtance like this:

h1 {
  font-family: UnifrakturCook;
}

Or like that:

<h1 style="font-family: UnifrakturCook">Your heading</h1>

UnifrakturCook is baſed on Peter Wiegel’s font Koch Fette Deutſche Schrift. The main differences from Peter Wiegel’s font are the following:

UnifrakturCook uſes the wideſt poſſible range of modern ſmart font technologies for diſplaying the font’s ligatures, OpenType, Apple Advanced Typography (AAT) and SIL Graphite. The ligatures diſplay ſtill depends on the application, but by including theſe technologies, chances are maximized that they will be diſplayed.
UnifrakturCook is optimized for @font-face embedding on the internet. This means that it comes with ready-made font copies in a number of common font embedding formats: WOFF, EOT and SVG (caveat: Due to lack of iPhones, the SVG verſion has not been teſted). For a live example of how to do the CSS embedding, check out this ſite’s CSS file. And of courſe, it has a ſuitable licenſe, the OFL, that explicitly allows font embedding!

This font has been edited with FontForge, the free outline font editor. OpenType features have been added with FontForge directly. AAT features have been added with ftxenhacer of the Apple Font Tools. Graphite has been added with the Graphite Compiler. For more information about AAT and Graphite, you may want to check out Free Tengwar Font Project: Adding Graphite and AAT to a Font.

The WOFF, EOT and SVG files have been generated with the Font Squirrel @font-face Generator.

Verſion	Sample phraſe
2013-08-25	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2013-08-25, Light	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2012-07-21	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2010-11-24*	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2010-11-24	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2010-08-17	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2010-07-21	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone
2010-06-19	ſtüt‍zt falſche Zeit‌zone – ſtüt‍zt falſche Zeit‌zone

* Google Font API distribution

Here is what the ſample phraſe ſhould look like. It is a ſcreenſhot from Firefox 3.6.8 on Mac OS X 10.6.4:

The ſample phraſe uſes the following code:

ſtüt&zwj;zt falſche Zeit&zwnj;zone

This allows the teſting of ſeveral features:

Are required ligatures (ſuch as ‹ſt›) displayed? They ſhould always be displayed, irreſpective of the letterſpacing.
Are normal ligatures (ſuch as ‹ſch›) displayed correctly? They ſhould only be displayed when the letterſpacing is normal.
Does the &zwj; trigger a ligature?
Does the &zwnj; inhibit a ligature?
Remain &zwj; and &zwnj; non-ſpacing when letterſpacing is increaſed?