Die Schriftarten, die man verwenden möchte, lädt man in einem Webformat herunter. Es gibt viele Orte, an denen man tolle kostenlose Web-Schriftarten finden kann, beispielsweise Google Fonts, Typekit, FontSquirrel und mehr.
Ich entscheide mich einfach einmal für diese Lizenz:
Rajdhani has modularized letterforms and supports the Devanagari and Latin writing systems. The squared and condensed appearance may be interpreted as technical or even futuristic. Typically round bowls and other letterform elements have straight sides in Rajdhani. The stroke terminals typically end in flat line segments that are horizontal or vertical, rather than diagonal. Their corners are slightly rounded, giving stroke-endings a softer feeling, rather than a pointy one.
Satya Rajpurohit and Jyotish Sonowal developed the Devanagari component together, while the Latin was designed by Shiva Nalleperumal. To contribute, see github.com/itfoundry/rajdhani
Gehe zu „FontSquirrel“ > „Schriftarten suchen“.
Durchsuche die Schriftarten und finde eine, die Du verwenden möchtest
Klicke auf Webfont Kit
Klicke auf @font-face-Kit herunterladen
Extrahiere den Ordner „Webfonts“, den Du heruntergeladen hast, und öffne den Ordner „IhrSchriftartname“.
Kopiere die Schriftart- und CSS-Dateien in den CSS-Ordner Deiner eigenen Website.
Öffne stylesheet.css mit Deinem Code-Editor und fügen den Namen Deiner Schriftfamilie wie in diesem Beispiel hinzu:
body{
font-family: ‘yourfont-family’;
}
Die Verwendung des Body-Tags zum Zuweisen der Schriftfamilie zu Deiner Website funktioniert, wenn Du keine andere Schriftfamilie anderen Tags oder CSS-Klassen zugewiesen hast.
Wenn Du bereits über eine andere Schriftfamilie verfügst, kannst Du statt nur body auch andere Tags wie p, div, .custom-class verwenden.
Wenn alles korrekt hinzugefügt wurde, funktioniert auf Deiner Website eine neue Schriftart.
