Erledigt - @font-face-Problem: Schrift wird nicht geladen

[black-hat]

Seit 3 Tagen versuche ich eine font einzubetten.

• die Font ist auf meinem Server
• Eine .htaccess-Datei mit dem Inhalt

  <FilesMatch "\.(ttf|otf|svg|eot)$"> SetEnvIf Origin "^http(s)?://(.+\.)?(mindcake\.de)$" origin_is=$0 Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is</FilesMatch>

  wurde erstellt und befindet sich im root verzeichnis
• Ein stylesheet befindet sich direkt im Ordner, wo die Fonts sind und lautet:
  

   @font-face
      {
          font-family: 'cinzelregular';
          src: url('Cinzel-Regular-webfont.ttf') format('truetype');
          src: url('Cinzel-Regular-webfont.eot');
          src: url('Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
              url('Cinzel-Regular-webfont.woff') format('woff'),
              url('Cinzel-Regular-webfont.ttf') format('truetype'),
              url('Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
              font-weight: normal;
              font-style: normal;
      }

• Der stylesheet in der HTML Datei ist:
  

       <style>
       body
       {
          background-color:#000;
          color:#fff;
          font-family:'cinzelregular';
       }
       </style>

• Hier noch ein Screen. Ich habe in einem Englischen Beitrag gelesen gehabt, dass man bei Firebug unter Netzwerk die ersten Hinweise sehen kann, wenn eine Schrift nicht geladen wird.... Wobei bei mir alles in ordnung ist :/
  

Ich habe wirklich alles versucht und bin so ziemlich den Tipps gefolgt, die in den anderen Posts zum Erfolg geführt haben... aber es hat nicht wirklich was gebracht.

EDIT:
Ich habe noch einen Hinweis Gefunden... Hier steht:
"Cross-Origin-Anfrage blockiert: Die Same-Origin-Regel verbietet, die externe Ressource auf [Pfad zur Font-Datei] zu lesen. Dies kann gelöst werden, indem die Ressource auf die gleiche Domain geschoben wird oder CORS aktiviert wird."
(Bei Firebug, unter "Konsole" unter "Alle")

Lokal, also wenn wirklich alles auf dem Desktop ist, funktioniert alles, so wie, wenn die HTML-Datei mit auf dem Server ist.

Das Problem ist jedoch, dass die Schrift auf einen komplett anderen server liegen wird, als die html Datei. (Also, auf meinen Server die Schriften, und auf einer "one page" kommt der inhalt rein...)

 

[noltehans]

Hast du vielleicht NoScript installiert?

Falls ja, Einstellungen->Eingebettete Objekte-> Nachladen von Schriften mittels @font-face verbieten - Häkchen raus.

 

[black-hat]

Leider funktioniert das in allen Browsern nicht.
Und nein, NoScript habe ich zumindest in den anderen Browsern nicht installiert :/ Auch mit der Einstellung hat sich leider nichts geändert

 

[Gelöschtes Mitglied 633957]

Hallo @black-hat,

ich bin vor knapp 2 Jahren an einem ähnlichen Problem gescheitert... (<- nicht die beste Einführung, da es sich auch nicht echt-dynamisch lösen lies!)
In einer virtuellen Serverumgebung war alles kein Problem... Online hat meine I-Net-Security-Software eingegriffen und das Nachladen eines nicht-verifizierten-Fonts unterbunden!

Mein damals gefundenes Snippet konnte ich nicht mehr auftreiben (habe auch den Code nicht mehr), aber vielleicht hilft Dir dieser Link weiter!

 

[black-hat]

Das ist wirklich eine sehr interessante alternative, auf die ich zurückgreifen werde, wenn wirklich alles nicht mehr klappt. Danke dafür <3

Jedoch möchte ich dennoch wissen, wieso es gerade bei mir nicht klappt.
Das es jedoch funktioniert, sehe ich auf anderen seiten.

 

[Gelöschtes Mitglied 633957]

Jedoch möchte ich dennoch wissen, wieso es gerade bei mir nicht klappt.

Ich kann es nicht mit Bestimmtheit sagen, evtl. liegt es aber tatsächlich an der Sicherheits-Software!

EDIT: Bei mir war es so!

 

[black-hat]

Klar, habe ich auch gelesen. Nur, wo anders (Also bei Tutorials etc und pp.) werden fremde Schriften tatsächlich geladen. Daran, kann es wohl nicht liegen x.x

 

[Schulli]

Welcher Provider?

 

[Pascal Bajorat]

Hast du mal einen Link zu der Seite, dann ist es einfacher zu checken was da falsch läuft?

Dann hast du oben geschrieben, dass du eine Meldung bezüglich Cross-Origin-Requests bekommen hast, bist du dem ganzen mal nachgegangen? Ist in den meisten Fällen tatsächlich so die typische Fehlerquelle.

 

[black-hat]

Welcher Provider?

Hetzner. Ich habe gerade auch was "neues"....

Ich habe spaßeshalber mal alles lokal gemacht, und online, alles in einem ordner. Was auch alles kein Problem war - die Schrift wurde geladen.

Jedoch: Später wird es so sein, dass die Schrift auf einer "one-page" verknüpft werden soll, die nicht auf meinem server liegen wird...

 

[black-hat]

Hast du mal einen Link zu der Seite, dann ist es einfacher zu checken was da falsch läuft?

Dann hast du oben geschrieben, dass du eine Meldung bezüglich Cross-Origin-Requests bekommen hast, bist du dem ganzen mal nachgegangen? Ist in den meisten Fällen tatsächlich so die typische Fehlerquelle.

Leider nein :/
Und ja bin ich. Ich habe die dunkle vermutung, dass es eine "Server"-Sache ist. Ich versuche ja die Schrift bei mir hochzuladen, alles freizugeben und bei einem anderen Anbieter (Also auch anderer Server etc) darauf zugreifen zu lassen x.x

 

[Pascal Bajorat]

Versuch es in deiner .htaccess mal mit folgendem:

<IfModule mod_mime.c>
# Web fonts
AddType application/font-woff woff
AddType application/vnd.ms-fontobject eot
AddType application/x-font-ttf ttc ttf
AddType font/opentype otf
</IfModule>

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Credentials: "true"
</IfModule>

 

[Gelöschtes Mitglied 633957]

Versuch es [..] mal...

Hmm, sollte unabhängig des Win-Temp abgelegt werden...

 

[black-hat]

Versuch es in deiner .htaccess mal mit folgendem:

<IfModule mod_mime.c>
# Web fonts
AddType application/font-woff woff
AddType application/vnd.ms-fontobject eot
AddType application/x-font-ttf ttc ttf
AddType font/opentype otf
</IfModule>

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Credentials: "true"
</IfModule>

HALLELUJA ES FUNKTIONIERT *O* ICH DANKE DIR!!!!

 

[Pascal Bajorat]

Kein Problem