Verwenden von Web-Schriften mit Accelerated Mobile Pages (AMP)

Zuletzt aktualisiert am 16. November 2022

Sie können den CSS-Einbettungscode nutzen, um benutzerdefinierte Web-Schriften in Accelerated Mobile Pages (AMP) zu verwenden.

Auswählen zu verwendender Schriften

Befolgen Sie das Web-Schriften-Tutorial, um die zu verwendenden Schriften auszuwählen und Ihr Projekt zu erstellen.

Hinzufügen des Einbettungscodes

Um den Einbettungscode für Ihr Projekt zu finden, besuchen Sie die Seite mit den Web-Projekten und suchen Sie nach dem Namen des Projekts. Kopieren Sie den Einbettungscode in dieses Projekt und fügen Sie ihn in den <head> der AMP-HTML ein.

Der Standard-CSS-Einbettungscode in AMP

Anwenden der Schriften im CSS-Code

Der Name der im CSS zur Gestaltung Ihres Texts zu verwendenden Schriftfamilie ist ebenfalls im Web-Projekt aufgeführt. Lesen Sie mehr über die Verwendung von Schriften in CSS.