Webfonts

Um Webfonts zu verwenden, möchte ich diese selbst erzeugen können ohne einen Online Dienstleister verwenden zu müssen.

sfnt2woff

Um Truetype in WOFF zu konvertieren genügt sfnt2woff. Download von http://people.mozilla.com/~jkew/woff und die Datei sfnt2woff z.B. nach /usr/local/bin verschieben.

Konvertieren

# erzeugt Trykker-Regular.woff
sfnt2woff ./Trykker-Regular.ttf

Danach gibt es die Datei Trykker-Regular.woff. 

ttf2eot

Download von http://code.google.com/p/ttf2eot/ und verschieben nach /usr/local/src/

cd /usr/local/src/ttf2eot-0.0.2-2
make
chmod 777 ttf2eot
cp ttf2eot /usr/local/bin/

Konvertieren

ttf2eot  ./Trykker-Regular.ttf > ./Trykker-Regular.eot

batik

Zum Erzeugen von SVG downlaod von http://xmlgraphics.apache.org/batik/download.html. Den Source downloaden und in /usr/local/bin verschieben.

Konvertieren

java -jar "/usr/local/bin/batik-1.7/batik-ttf2svg.jar" ./Trykker-Regular.ttf -l 32 -h 127 -o ./Trykker-Regular.svg -id Trykker-Regular

Einbinden

Im Stylesheet:

@font-face {
  font-family: 'Trykker';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Trykker-Regular.eot#iefix') format('embedded-opentype'),
       url('../fonts/Trykker-Regular.woff') format('woff'),
       url('../fonts/Trykker-Regular.svg') format('svg'),
       url('../fonts/Trykker-Regular.ttf') format('truetype');
}

 

Erstellt: 08/2013| Geändert: 10/2015