webfonts: @ font-face sollte font-style und font-weight enthalten?

Wenn ich eine @font-face und src einschließe, um einen Webfont zu importieren, merke ich, dass du 2 optionale Werte übergeben kannst. Ich mache das momentan nicht.webfonts: @ font-face sollte font-style und font-weight enthalten?

Ich habe 2 Web-Schriftarten, Lato Regular und Lato Bold.

Sollte ich Gewicht in der @font-face Regel angeben?

Es sagt standardmäßig verwendet es regelmäßig.

Ich übergebe nichts und es scheint korrekt zu rendern, d. H. Die fett gedruckte Version scheint fett zu sein.

Würde ich gerne die empfohlene Vorgehensweise kennen lernen und welche Vor- oder Nachteile hat es?

Wenn Sie fett wie ein Gewicht übergeben, wird der Browser gezwungen, die Schrift fett zu formatieren? Aber es ist schon fett - oder?

Quelle

2016-07-19 Martin

Bitte poste deinen CSS Code. – Lowkase

Ist das nicht hauptsächlich auf Meinungen basiert? Oder irre ich mich? –

Nicht OP, aber denke, es sollte * nicht * meinungsbasiert sein. Der ursprüngliche Autor eines Schriftbildes ist die Person, die Neigung und Kühnheit jeder von ihnen entworfenen Variante bestimmt, und zufällige Personen im Internet (einschließlich der Einbettung von Benutzern) sollten keine uninformierten Entscheidungen treffen, ob die Schriftart, die sie importieren, "normal" oder "aussieht". fett ", oder was für eine Schräglage es ähnelt. Außerdem ist die Information über die Art des Details in die Schriftart eingebettet, so dass der Benutzeragent sie technisch besser als durch die Spezifikation * user * ableiten kann. Unabhängig davon sollte die explizite Spezifikation der Absicht des Autors folgen. – amn

Ja, Sie sollten. Die font-weight und font-style spezifizieren, was Sie für die Schriftart Gesicht zu sein. Dies bedeutet, dass Sie ein von einem Autor als normales Schriftbild gestaltetes Schriftbild als fettes Schriftbild einbetten können. Das bedeutet auch, dass Sie, wenn Sie eine solche Schriftart verwenden, besser font-weight: bold verwenden sollten, es sei denn, es gibt keine Alternativen. In diesem Fall wählt der Benutzeragent die Schriftart aus.

In Ihrem Fall:

@font-face { 
    font-family: "Lato"; 
    font-style: normal; 
    font-weight: 400; 
    src: /* The URL of the resource containing the non-slanted regular font face. */ 
} 

@font-face { 
    font-family: "Lato"; 
    font-style: normal; 
    font-weight: bold; /* or 700 */ 
    src: /* The URL of the resource containing the non-slanted font face with 'bold'/700 glyphs. */ 
}

Wenn Sie nicht font-weight in Ihrer @font-face Regel angeben, Ihre Schriftart von User-Agenten angenommen wird Glyphen mit dem Standardgewicht von 400 („normalen“) zu haben. Wenn Sie also nicht font-weight in Regeln angeben, die auf Ihre Schriftart verweisen, wird immer noch die gleiche Schriftgröße verwendet. Alles ist in Ordnung, es gibt keinen Konflikt.

ich häufig auch numerische Schriftschnitte verwenden, da alle zu oft benutzerdefinierte Schriftarten sind unterteilt in halbfett und extrafett Abstufungen, so wie etwas mit font-weight: 600 können Sie eine eingebettete halbfett Schriftart wählen (die hat auch font-weight: 600 in seiner entsprechenden @font-face Regel).

Quelle

2016-07-19 14:36:40 amn

webfonts: @ font-face sollte font-style und font-weight enthalten?

Antwort

Verwandte Themen