


Warum kann ich Schriftarten aus meiner Subdomain nicht auf anderen Websites einbetten?
Nov 29, 2024 am 02:21 AMDomänenübergreifende Schriftarteneinbettung: Warum nur auf derselben Domain?
Sie versuchen, ein Schriftarten-Repository für Ihre Websites zu erstellen. Verwendung von @font-face-Deklarationen. Sie haben Ordner für jede Schriftart in einer Subdomain eingerichtet, eine Datei „font-face.css“ mit absoluten Links zu den Schriftarten erstellt und bestätigt, dass sie erfolgreich geladen wurde. Die Schriftarten werden jedoch nicht auf Ihren anderen Websites angezeigt.
Das Problem:
Firefox schränkt die domänenübergreifende Einbettung von Schriftarten, einschließlich Subdomains, ein. Dies ist eine Sicherheitsmaßnahme, um den unbefugten Zugriff auf Schriftarten von anderen Websites zu verhindern.
Die Lösung:
Um die domänenübergreifende Einbettung von Schriftarten in Ihrer Subdomain zu ermöglichen, fügen Sie Folgendes hinzu Code-Snippet zur .htaccess-Datei dieser Subdomain:
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
Mit diesem Code kann jede Website auf die Schriftarten auf Ihrem zugreifen Subdomain, indem Sie den Access-Control-Allow-Origin-Header auf „*“ setzen.
Bezüglich der Zugriffskontrolle:
Während die W3C-Spezifikation entweder einen Platzhalter oder einen spezifischen Platzhalter zulässt Domäne für Access-Control-Allow-Origin, bietet es keinen klaren Mechanismus zur Validierung des Origin-Headers. Vorerst sollte die obige Lösung den Zugriff von allen Websites aus ermöglichen.
Das obige ist der detaillierte Inhalt vonWarum kann ich Schriftarten aus meiner Subdomain nicht auf anderen Websites einbetten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Entmystifizierende Bildschirmleser: Zugrunde Formen und Best Practices

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)

Datei hochladen mit Multer in node.js und ausdrücken
