Google Chrome-Erweiterungen mit Typekit-Schriftarten

Bevor eine Typekit-Schriftart in einer Chrome-Erweiterung verwendet werden kann, müssen zwei Hürden genommen werden:

1. Standardmäßig verhindert Chrome, dass externe Skripts in den Prozess der Erweiterung geladen werden.
2. Chrome verhindert, dass Inline-Skripts ausgeführt werden.
3. Typekit antwortet mit 403 Forbidden, sofern nicht der richtige Referer Header gesetzt ist.

Ich habe den Quellcode einer Demo in Ссылка hochgeladen. Um zu sehen, dass die Erweiterung funktioniert, öffnen Sie die Optionsseite der Beispielerweiterung.

Für das nächste Beispiel habe ich ein Typekit-Kit mit folgenden Einstellungen erstellt:

Um das erste Problem zu beheben, bearbeiten Sie Ihre Manifest-Datei und entspannen Sie die Richtlinie für Inhaltssicherheit :

Um das zweite Problem zu lösen, verschieben Sie den Loader in eine externe Datei. Ihre Erweiterungsseite sollte folgendermaßen aussehen:

Um das letzte Problem zu lösen, müssen Sie den Referer-Header ändern. Für dieses Codebeispiel sind die Berechtigungen webRequest , webRequestBlocking und *://use.typekit.net/ in der Manifestdatei erforderlich. chrome.webRequest.onBeforeSendHeaders wird zum Ändern der Header verwendet.

Minimal manifest.json

Dies ist die minimale manifest.json Datei, damit die Erweiterung funktioniert. background.js wird im vorherigen Abschnitt referenziert.