Ich habe gerade angefangen, @ font-face zu verwenden Dies ist auf meiner CSS
%Vor%und ich habe das unten für ein Menü auf Joomla
%Vor%Dies ist in der HTML-Datei
%Vor%Das funktioniert in Firefox, aber es funktioniert nicht korrekt in Safari oder Chrome, die Schrift ist korrekt, aber das Schriftgewicht funktioniert nicht, ich habe das google-chrome Entwicklerwerkzeug überprüft und das berechnete Schriftgewicht beträgt 600. Ich habe versucht, mit 100 oder 900 die Ergebnisse auf Safari und Chrom sind die gleichen, das Schriftgewicht ändert sich nicht.
Stimmt etwas nicht mit meiner Deklaration der Schriftart auf meiner CSS-Datei?
sollte ich versuchen, so etwas hinzuzufügen
%Vor%Ich habe es versucht, aber nicht funktioniert. Sollte ich eine andere Schriftart hinzufügen, habe ich diese in meinem Font-Verzeichnis
%Vor%Oder sollte ich versuchen, ein anderes Schriftformat, etwas, das nicht otf ist, in IE scheint zu arbeiten, obwohl die Breite größer ist. Ich muss das immer noch beheben.
Wenn Sie einen numerischen Wert für das Schriftgewicht angeben, tun Sie dies auf eigene Gefahr. Verschiedene Browser interpretieren die Werte unterschiedlich und manche interpretieren sie gar nicht. Sie gehen am besten mit dem Standard "fett" ... welche Browser am ehesten auf halbwegs einheitliche Art und Weise zusammenpassen. Wenn Sie benutzerdefinierte Schriftarten verwenden, sollten Sie sicher sein, dass Ihre Benutzer sie auf ihren Systemen haben. Außerdem reagieren einige benutzerdefinierte Schriftarten nicht gut auf die falsche "Fett" -Eigenschaft. Sie werden ein benanntes "fettes" Gesicht haben, wie Avenir Bold, Avenir Black, Avenir Demibold, Avenir Demibold Condensed, usw., usw., usw.
Außerdem sollten Sie immer genügend Fallback-Fonts verwenden, einschließlich des allgemeinen Schriftbezeichners "serif" oder "sans-serif" oder "monospace".