Integrieren von Adobe Typekit-Schriftarten in Drupal-Projekte
Adobe Typekit Einbettungscode Der Standard-Einbettungscode für Ihr Typekit-Projekt ist ein einzelnes <link>-Tag, das die CSS-Datei des Webprojekts im Browser über das Schriftnetzwerk lädt (use.typekit.net).
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
Um den Standard-Einbettungscode für Ihr Projekt zu finden, können Sie die Seite "Webprojekte" besuchen. Durch Hinzufügen dieses Einbettungscodes zum <head>-Tag Ihrer Website können Sie die Schriftarten laden.
Schritt 1: Erstellen Sie Ihr Adobe Typekit-Konto und fügen Sie ein Projekt hinzu
1.1. Erstellen Sie ein Adobe Typekit-Konto oder melden Sie sich mit einem vorhandenen Konto an.
1.2. Nach dem Einloggen gehen Sie zur Seite "Webprojekte" und erstellen Sie ein neues Projekt.
1.3. Finden Sie den Standard-Einbettungscode auf der Detailseite des von Ihnen erstellten Projekts.
Schritt 2: Bearbeiten Sie die HTML Twig-Datei Ihres Drupal-Themas
2.1. Melden Sie sich im Drupal-Admin-Panel an und gehen Sie zum Abschnitt "Themenkonfiguration".
2.2. Suchen Sie den Speicherort Ihres Themas (normalerweise themes/custom/[thema_name]).
2.3. Öffnen Sie die Datei html.html.twig im Ordner Global Templates.
2.4. Fügen Sie den folgenden Code innerhalb des <head>-Tags ein:
<head>
<head-placeholder token="{{ placeholder_token }}">
<title>{{ head_title|safe_join(' | ') }}</title>
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
<css-placeholder token="{{ placeholder_token }}">
<js-placeholder token="{{ placeholder_token }}">
</head>
2.5. Ersetzen Sie den Teil "https://use.typekit.net/xxxxxxx.css" durch den Einbettungscode, den Sie von Ihrem Adobe Typekit-Konto erhalten haben.
Schritt 3: Leeren und Überprüfen des Drupal-Caches
3.1. Gehen Sie zum Abschnitt "Leistung" im Drupal-Admin-Panel und leeren Sie den Cache.
3.2. Besuchen Sie Ihre Website und stellen Sie sicher, dass die Adobe Typekit-Schriftarten korrekt geladen werden.
Nun können Sie das Design Ihrer Drupal-Website mit Adobe Typekit-Schriftarten verbessern.
Unsere Buros
Istanbul
GOSB Teknopark Hi-Tech Bina 3.Kat B3 Gebze - KOCAELİ