ROG Innovation Logo

Tutorials, Gadgets und vieles mehr - Idea. Creation. Success. - Let's create the future!

Font Forge - Eigene Schriftart erstellen

fontforge


Mit dem gratis Schriftarten Editor FontForge lassen sich sehr einfach eigene Schriftarten für seine Website oder andere Programme wie Microsoft Word oder Power Point erstellen oder schon vorhandene bearbeiten. Jeder Buchstabe kann einzeln erstellt und zugewiesen werden.

fontforge
fontforge

fontforge Download
FontForge




Neue Schriftart erstellen

Hierfür einfach OpenForge öffnen und auf "New" klicken, schon können die einzelnen Buchstaben gezeichnet werden.
Um eine Schriftart nun fertig zu erstellen kann diese unter "Datei" bei "Fonts herstellen..." in diversen Schriftformaten erstellt werden und danach entweder für Websiten oder den PC verwendet werden.

fontforge
fontforge



Schriftart in Website einbinden

Natürlich soll nach dem Entwickeln die neu entworfene Schriftart auch in die Website eingebunden werden.
Hierfür empfiehlt sich entweder das .OTF-Format oder .TTF-Format zu verwenden, da leider nicht jedes Format von jedem Browser unterstützt wird.

Das .OTF-Format ist das modernere Format wird jedoch leider nicht vom Internet Explorer Unterstützt.
Hierfür müsste ein Fallback Format angegeben werden.
Eine Schriftart lässt sich sehr einfach über wenig CSS Code einbinden.

CSS Code Schriftart einbinden
@font-face {
  font-family: "roginnovationsavetfont";
  src: url("../fonts/roginnovationsavetfont.otf");}

h1 {
  font-family: roginnovationsavetfont, Arial, Helvetica;}

Im obigen Beispiel wird nun die Roginnovationsavetfont für die Überschrift h1 eingebunden. Zudem wird diese mit zwei Fallbackschriftarten ausgestattet, falls der verwendete Browser das OTF-Format nicht unterstützt wird der Titel in Arial oder Helvetica ausgegeben.



Kommentare
Hier können sowohl Fragen wie auch ein Feedback zum oben stehenden Artikel eingetragen werden.

Bruno 02.09.2016 07:08
Danke für den aufschlussreichen Artikel. Man lernt nie aus ;-)

*Name:


*Kommentar:

(max. 500 Zeichen)

Terms:


*Pflichtfeld

Hinweis:
Der Eintrag wird nach einer redaktionellen Prüfung in den kommenden Tagen freigeschalten.

Top Themen

Suche
DoubleTwist
doubletwist iTunes mit Android Handy synchronisieren
Feedback
feedback
Anzeige
Spenden
ROG Innovation unterstützen