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');
}