Das liegt wahrscheinlich daran, dass Dein Browser die @font-face
Erweiterung von CSS
noch nicht unterstützt. Bitte verwende einen modernen Browser wie Mozilla Firefox oder Chrome,
um das Problem zu beheben.
Hierbei macht sich Fontasy.de zwei Tricks zu Nutze.
1. Mit dem HTML-Element <input type="text">
kann ich dem Benutzer die Möglichkeit geben,
Text auf einer Webseite einzugeben. Dies wird in der Regel zum Absenden von Formularen verwendet, es
funktioniert aber auch ohne Formular.
2. Mit der CSS Erweiterung @font-face
kann ich eine Schriftart von einem Server via Stylesheet laden
und diesen Font in der Webseite verwenden. Firefox, Chrome, Safari und andere moderne Browser unterstützen
dabei inzwischen nicht nur .eot / .woff Webfonts, sondern auch .ttf und .otf Fonts.
Der Code im Stylesheet sieht so aus:
;@font-face {
font-family: "Schriftname";
src: url("ordner/schrift.ttf")
}
In HTML wird die Schrift dann einfach wieder aufgerufen, z.B. so:
<span style="font-family:"Schriftname";">Text in der geladenen Schrift.</span>