Mit der @ font-face-CSS-Regel können Webentwickler die Online-Schriftarten angeben, um Texte in den gewünschten Schriften auf ihren Webseiten anzuzeigen. Dadurch, dass eigenen Schriftarten bereitgestellt werden könne, ist man nicht mehr darauf angewiesen, dass die jeweiligen Schriftarten auf dem Gerät des Besuchers installiert sind.

Um das realisieren zu können, sollten diese als “Webschriften” bereitgestellt werden. Der Generator von Transfonter.org kann diese aus OTF oder TTF generieren.

Gehen Sie auf die Seite von Transfonter.org, klicken Sie auf die Schaltfläche Schriftart(en) hinzufügen, wählen Sie die Schriftarten TTF, OTF, WOFF, WOFF2 oder SVG auf Ihrem Computer aus und klicken Sie auf “Convert”. Zip-Archiv mit konvertierten Schriften, CSS-Styles und Demo-Seite herunterladen. Das ist alles!

Im ZIP-Archiv findet sich neben den Schriftdateien eine demo.html und eine CSS-Datei.