Neu Webfont einrichten

dun

Aktives Mitglied
26. Oktober 2017
23
1
Ich versuche schon seit einer Weile einen Webfont für einen Testshop im Evo-Template einzurichten.

Dazu habe ich folgendes in die variables.less eingefügt:
Code:
@font-face {
    font-family: 'Norpeth-Bold';
    src: url('http://46.38.250.215/fonts/Norpeth-Bold.eot');
    src: url('http://46.38.250.215/fonts/Norpeth-Bold.eot?#iefix') format('embedded-opentype'),
        url('http://46.38.250.215/fonts/Norpeth-Bold.woff2') format('woff2'),
        url('http://46.38.250.215/fonts/Norpeth-Bold.woff') format('woff'),
        url('http://46.38.250.215/fonts/Norpeth-Bold.ttf') format('truetype'),
        url('http://46.38.250.215/fonts/Norpeth-Bold.svg#Norpeth-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-family-sans-serif: Norpeth-Bold, "Open Sans", Helvetica, Arial;
@font-family-serif: Norpeth-Bold "Merriweather",Georgia, "Times New Roman", Times, serif;

Das ganze funktioniert auf meinem VServer problemlos wie man hier sehen kann (stylesheet.css).

In meinem Testshop passiert jedoch nichts (die Überschrift soll den Font verwenden). Mit dem AddOn WhatFont wird mir zwar angezeigt, dass Norpeth-Bold an erster Stelle steht, jedoch wird Merriweather verwendet.
https://i.imgur.com/fhAtGOn.png

Hat jemand hier schon Erfahrungen mit Webfonts gemacht?
 
Zuletzt von einem Moderator bearbeitet:

dun

Aktives Mitglied
26. Oktober 2017
23
1
Das scheint wohl das Problem zu sein. Ich weiß jedoch nicht, wie ich das genauer überprüfen könnte. Bei der demo.html funktioniert es ja mit den absoluten Pfaden.
 

dun

Aktives Mitglied
26. Oktober 2017
23
1
Ja, durch WhatFont kann man sehen, dass Norpeth-Bold für h1 verwendet wird. Die Resourcen scheinen jedoch nicht geladen zu werden.