font-weight funktioniert nicht richtig?

7

Ссылка

Hier ist ein Beispiel.

Der Teil, wo es "PHP" (die rechte obere Ecke) sagte, blieb so schlank wie es war. Hier ist ein Teil des CSS-Codes

%Vor%

Ich habe versucht, fett, mutig, 700, 800, 900 und funktioniert nicht unter FF.

    
CppLearner 29.07.2010, 22:51
quelle

4 Antworten

14

Es ist, weil die Schriftgröße (9px) zu klein ist, um fett darzustellen. Versuchen Sie 11px oder mehr und es funktioniert gut.

    
Rito 29.07.2010, 22:56
quelle
14

Die meisten Browser unterstützen die numerischen Werte für font-weight nicht vollständig. Hier ist ein guter Artikel über das Problem , und selbst wenn es ein bisschen alt ist, scheint es richtig zu sein. p>

Wenn Sie etwas mutigeres brauchen, dann sollten Sie vielleicht eine andere Schriftart verwenden, die fetter ist als Ihre bestehende. Natürlich könnten Sie wahrscheinlich die Schriftgröße für einen ähnlichen Effekt anpassen.

    
derekerdmann 29.07.2010 22:57
quelle
2

font-weight kann auch nicht funktionieren, wenn die verwendete Schriftart diese Gewichte nicht enthält - Sie werden dies häufig beim Einbetten benutzerdefinierter Schriftarten treffen. In diesen Fällen wird der Browser wahrscheinlich die Nummer auf die nächste Gewichtung runden, die verfügbar ist.

Zum Beispiel, wenn ich die folgende Schriftart einbetten ...

%Vor%

Dann kann ich nichts anderes als eine Gewichtung von 300 verwenden. Alle anderen Gewichtungen werden auf 300 zurückgesetzt, es sei denn, ich gebe zusätzliche @font-face -Deklarationen mit diesen zusätzlichen Gewichten an.

    
Simon East 23.03.2017 02:20
quelle
1

Ich habe text-transform: uppercase; entfernt und dann auf bold / bolder gesetzt, und das schien zu funktionieren.

    
Liam Spencer 29.07.2010 22:57
quelle

Tags und Links