Die Schriftvorschau funktioniert bei mir nicht?!

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.

Yeti   Chrome   Safari


Ich kann in dieser Schriftart tippen, ohne sie installiert zu haben. Wie funktioniert das?

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>