Wie kann ich Google Web Fonts in CSS einbetten, ohne auf das „' zuzugreifen?

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

Mit dieser Technik können Sie Google Web Fonts nahtlos in Ihre Webseiten integrieren, ohne den Dokumentkopf zu ändern, was eine größere Flexibilität bei der CSS-Anpassung ermöglicht.

Das obige ist der detaillierte Inhalt vonWie kann ich Google Web Fonts in CSS einbetten, ohne auf das „' zuzugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!