{"id":788,"date":"2014-08-06T10:01:44","date_gmt":"2014-08-06T10:01:44","guid":{"rendered":"http:\/\/www.masterlevel.de\/blog\/?p=788"},"modified":"2014-10-12T09:42:32","modified_gmt":"2014-10-12T09:42:32","slug":"webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer","status":"publish","type":"post","link":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/","title":{"rendered":"Webfont funtkioniert nicht im Firefox oder Internet-Explorer"},"content":{"rendered":"

Tja, der gew\u00e4hlte wundersch\u00f6ne Webfont funktioniert sauber im Chrome aber partout nicht nicht im Firefox? Oder im Internet-Explorer? Folgendes k\u00f6nnte zur L\u00f6sung beitragen, bei mir hat es so gepasst:<\/p>\n

Es geht um CORS (Cross-Origin Resource Sharing<\/em>) oder genauer gesagt um das Thema CORS aktivieren.<\/strong><\/p>\n

Folgende Fehlermeldungen traten auf:<\/p>\n

Im Firefox:<\/p>\n

Cross-Origin-Anfrage blockiert: Die Same-Origin-Regel verbietet, die externe Ressource auf http:\/\/www.meinedomain.de\/webfont.woff zu lesen. <\/em>
\nDies kann gel\u00f6st werden, indem die Ressource auf die gleiche Domain geschoben wird oder CORS aktiviert wird.<\/em><\/p>\n

oder im IE<\/p>\n

„Fehler bei der ursprungs\u00fcbergreifenden Anforderung in „@font-face“. Der Ressourcenzugriff ist eingeschr\u00e4nkt.“<\/em><\/p>\n

Die L\u00f6sung: \u00a0in die .htaccess das hier hinzuf\u00fcgen:<\/p>\n

<FilesMatch \"\\.(ttf|otf|eot|woff)$\">\r\n <IfModule mod_headers.c>\r\n Header set Access-Control-Allow-Origin \"http:\/\/localhost\"\r\n <\/IfModule>\r\n<\/FilesMatch><\/em>\r\n<\/pre>\n
und den Browser neu starten!<\/p>\n
Anstatt<\/p>\n
http:\/\/localhost<\/em><\/pre>\n
muss nat\u00fcrlich die entsprechende Domain stehen.<\/p>\n
(Noch ein Hinweis am Rande: auf einer Seite fand sich im Quellcode „<meta http-equiv=“X-UA-Compatible“ content=“IE=8″ \/><\/em>“ … das musste auch raus. Erst dann funktionierte der Webfont auch im Internet-Explorer.)<\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Tja, der gew\u00e4hlte wundersch\u00f6ne Webfont funktioniert sauber im Chrome aber partout nicht nicht im Firefox? Oder im Internet-Explorer? Folgendes k\u00f6nnte zur L\u00f6sung beitragen, bei mir hat es so gepasst: Es geht um CORS (Cross-Origin Resource Sharing) oder genauer gesagt um das Thema CORS aktivieren. Folgende Fehlermeldungen traten auf: Im Firefox: Cross-Origin-Anfrage blockiert: Die Same-Origin-Regel verbietet, …<\/p>\n
Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,94],"tags":[],"class_list":["post-788","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-snippets"],"yoast_head":"\nWebfont funtkioniert nicht im Firefox oder Internet-Explorer - masterlevel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"J. Adler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/\"},\"author\":{\"name\":\"J. Adler\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"headline\":\"Webfont funtkioniert nicht im Firefox oder Internet-Explorer\",\"datePublished\":\"2014-08-06T10:01:44+00:00\",\"dateModified\":\"2014-10-12T09:42:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/\"},\"wordCount\":168,\"commentCount\":2,\"articleSection\":{\"1\":\"Snippets\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/\",\"name\":\"Webfont funtkioniert nicht im Firefox oder Internet-Explorer - masterlevel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\"},\"datePublished\":\"2014-08-06T10:01:44+00:00\",\"dateModified\":\"2014-10-12T09:42:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/\",\"name\":\"masterlevel\",\"description\":\"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\",\"name\":\"J. Adler\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webfont funtkioniert nicht im Firefox oder Internet-Explorer - masterlevel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/","twitter_misc":{"Verfasst von":"J. Adler","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/#article","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/"},"author":{"name":"J. Adler","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"headline":"Webfont funtkioniert nicht im Firefox oder Internet-Explorer","datePublished":"2014-08-06T10:01:44+00:00","dateModified":"2014-10-12T09:42:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/"},"wordCount":168,"commentCount":2,"articleSection":{"1":"Snippets"},"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/","url":"https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/","name":"Webfont funtkioniert nicht im Firefox oder Internet-Explorer - masterlevel","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/#website"},"datePublished":"2014-08-06T10:01:44+00:00","dateModified":"2014-10-12T09:42:32+00:00","author":{"@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.masterlevel.de\/blog\/webfont-funtkioniert-nicht-im-firefox-oder-internet-explorer\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.masterlevel.de\/blog\/#website","url":"https:\/\/www.masterlevel.de\/blog\/","name":"masterlevel","description":"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.masterlevel.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f","name":"J. Adler","url":"https:\/\/www.masterlevel.de\/blog\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":5,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"predecessor-version":[{"id":875,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/788\/revisions\/875"}],"wp:attachment":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}