font-face Problem

Hallo Leutz,

ich habe ein Problem mit dem local eingebundenen Fonts.

Ich habe die Fonts mit google webfonts helper geladen und in meine style.css eingebunden und auf meinen Server geladen.

Wenn ich aber Calligraffitti oder Amita auswähle (handwrite) dann werden diese nicht richtig angezeigt.

• font-family (stack): "Calligraffitti"
• Font being Rendered:
  Times New Roman100.0% (local)
• font-size: 13px

/* calligraffitti-regular - latin */
@font-face {
font-family: 'Calligraffitti';
font-style: normal;
font-weight: 400;
src: url('../fonts/calligraffitti-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Calligraffitti Regular'), local('Calligraffitti-Regular'),
url('../fonts/calligraffitti-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/calligraffitti-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/calligraffitti-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/calligraffitti-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/calligraffitti-v11-latin-regular.svg#Calligraffitti') format('svg'); /* Legacy iOS */
}

body { font-family:'Calligraffitti';font-weight:400 !important }

Hier auf der Testseite zu sehen

www.moscicki.de

Ich habe die Verzeichnissrechte auf 777 gemacht
Cache gelöscht...alle
Die URL komplett ausgeschrieben.

Hat jemand noch einen Tipp?

 

Danke für die Antworten, hatte ein Brett vor dem Kopf.

Ich habe die Pfade jetzt direkt richtig angepasst
url('/wp-content/themes/vantage-child/fonts/mein-font.xxx'...

Danke für den Hinweis auf SSL, aber ich habe kein Zertifikat mehr und die Domain ist nur zum testen.

Ich weiß jetzt nur nicht wie man den Thread hier beendet