Wie kann ich Google Web Fonts ohne direkten Head-Zugriff in meine CSS-Dateien importieren?

Google Web Fonts in CSS-Dateien importieren

Für diejenigen, die auf CMS-Plattformen arbeiten, die nur den Zugriff auf CSS-Dateien ohne Kopfdokumentmanipulation ermöglichen, ist der Import von Google Webfonts können eine Herausforderung darstellen. Glücklicherweise gibt es mit der @import-Methode eine Lösung.

Verwendung der @import-Methode:

Um die gewünschte Schriftart zu importieren, verwenden Sie einfach die @import-Regel in Ihrem CSS Datei. Zum Beispiel:

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

Denken Sie daran, „Open Sans“ durch den Namen der Schriftart Ihrer Wahl zu ersetzen. URLs mit mehreren Wörtern erfordern eine URL-Kodierung (Hinzufügen eines „“ zwischen Wörtern wie „Open Sans“).

Positionieren Sie den @import ganz am Anfang Ihres CSS, vor allen Regeln.

Google Fonts bietet einen automatisierten Prozess zum Generieren der @import-Direktive. Nachdem Sie Ihre Schriftart ausgewählt und auf das Symbol ( ) geklickt haben, erweitern Sie den Container „1 Familie ausgewählt“ unten links. Passen Sie die Optionen auf der Registerkarte „Anpassen“ an, wechseln Sie dann zu „Einbetten“ und klicken Sie auf „@importieren“. Kopieren Sie das CSS zwischen den Style-Tags in Ihr Stylesheet.

Das obige ist der detaillierte Inhalt vonWie kann ich Google Web Fonts ohne direkten Head-Zugriff in meine CSS-Dateien importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!