Google Web Fonts in CSS-Dateien importieren

Bei der Arbeit mit Content-Management-Systemen (CMS), bei denen der Zugriff auf den Dokumentkopf eingeschr?nkt ist, wird der Import durchgeführt Google Web Fonts direkt in die CSS-Datei einfügen ist notwendig. So erreichen Sie dies:

Verwenden der @import-Methode

Mit der @import-Methode k?nnen Sie externe CSS-Dateien in Ihre CSS-Datei importieren. Um eine Google Web-Schriftart zu importieren, verwenden Sie die folgende Syntax:

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

Ersetzen Sie ?Open Sans“ durch den Namen Ihrer gewünschten Schriftart. Wenn der Schriftname mehrere W?rter enth?lt, kodieren Sie sie per URL, indem Sie zwischen jedem Wort ein ? “-Zeichen hinzufügen.

Platzieren der @import-Direktive

Stellen Sie sicher, dass die @import Die Direktive wird ganz oben in Ihrer CSS-Datei vor allen Stilregeln platziert.

Verwendung von Google Fonts API

Google Fonts bietet eine einfache M?glichkeit, die @import-Direktive für Ihre Schriftart zu generieren. W?hlen Sie die gewünschte Schriftart aus, klicken Sie auf das Symbol ( ) und erweitern Sie den Container ?1 Familie ausgew?hlt“.

W?hlen Sie auf der Registerkarte ?Anpassen“ die gewünschten Optionen aus. Klicken Sie auf der Registerkarte ?Einbetten“ unter ?Schriftart einbetten“ auf ?@import“. Kopieren Sie das CSS zwischen