Einbetten von Google Web-Schriftarten in CSS, ohne den Kopf zu ändern
Das direkte Importieren von Web-Schriftarten in eine CSS-Datei ist eine Lösung zum Anpassen von Webseiten darin ein CMS, bei dem kein direkter Zugriff auf den Dokumentenkopf möglich ist. Die @import-Methode bietet eine Möglichkeit, dies zu erreichen:
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');Hier ist „Open Sans“ die importierte Schriftart, also ersetzen Sie sie durch Ihre bevorzugte Wahl. Codieren Sie Schriftnamen mit mehreren Wörtern mithilfe des Symbols, wie oben gezeigt.
Um eine ordnungsgemäße Implementierung sicherzustellen, platzieren Sie die @import-Anweisung am Anfang Ihres CSS, vor allen anderen Regeln.
Google Fonts bietet eine vereinfachte Möglichkeit, die erforderliche @import-Direktive zu generieren. Nachdem Sie eine Schriftart ausgewählt haben, klicken Sie auf das Symbol ( ) und navigieren Sie zu „Einbetten“. Wählen Sie unter „Schriftart einbetten“ die Option „@import“ und kopieren Sie das CSS zwischen den Feldern