Webdesign Grundlagen

#017 CSS Schrift nachladen per Link oder @import

Ist eine Schrift nicht auf dem Rechner des Besuchers vorhanden, kannst Du diese über den Browser mit dem CSS-Befehl <link> oder @import nachladen. Wie, erklärt das Video.

Zahlreiche freie Schriften – auch für kommerzielle Zwecke – findest Du auf www.google.com/fonts. Für die Projektseite nutzen wir Roboto, Roboto Slab und Roboto Mono.

Alle drei Roboto-Schriften einbauen

<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Roboto+Mono:400,700|Roboto+Slab:400,700' rel='stylesheet' type='text/css'>

Übung: Schau Dir auf www.google.com/fonts Schriften an, wähle eine aus und bau Sie in Deine Webseiten ein.