Syntax
body {
font: font-style font-variant font-weight font-size/line-height font-family;
}In Use
body {
font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
}Sie müssen mindestens font-size und font-family angeben, damit der Kurzschreibweise funktioniert, andernfalls ist es nur ein Syntaxfehler und tut nichts.
body {
font: italic 20px Serif; /* works */
font: 20px; /* fails */
font: 18em Fantasy; /* works */
font: bold small-caps; /* fails */
}Achten Sie auf versehentliche Resets bei der Verwendung der Kurzschreibweise.
Ah, das ist also der Grund, warum ich die Schriftgröße nicht mit font: angeben konnte! Ich musste immer font-size: verwenden.
Danke!
Warum sind sie so angeordnet?
Was ist der Grund dafür?
Gibt es eine bestimmte Funktion oder Bedingung?
Zusätzlich zu der im Beitrag verlinkten URL habe ich eine Spickzettel, die hilft, die Schriftart-Kurzschreibweise zu verstehen
http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/
Entschuldigung, Louis. Ich kann Ihren Spickzettel nicht verstehen.
Warum zum Teufel sollte man Arial vor Helvetica setzen?
Wenn wir also einen CSS-Reset durchführen, gibt es einen Grund, die Schriftart-Kurzschreibweise nicht zur Initialisierung von HTML zu verwenden, zum Beispiel?
z.B. html {font:100%/125% Verdana,Arial,sans-serif}
…oder sogar besser vielleicht
html { font: 100%/1.25 Verdana, Arial, sans-serif }
Ich glaube, Sie haben
font-stretchin Ihrem Kurzschreibungsdeklarationsbeispiel vergessen.siehe hier: https://developer.mozilla.org/en-US/docs/Web/CSS/font
die Kurzschreibweise standardmäßig mit 4
normals vorne, sofont: normal normal normal normal 13px/19px sans-serif;die Langschreibweise wäre
font-style: normal;font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: 19px;
font-family: sans-serif;
Das widerspricht dem Zweck der VERWENDUNG der KURZSCHREIBWEISE. Da Sie diese Werte sowieso auf 'normal' setzen, warum nicht einfach font: 13px/19px sans-serif; verwenden? Wer benutzt px für line-height?
Die CSS-Eigenschaft font-stretch wurde ursprünglich in CSS 2 definiert, aber in CSS 2.1 wegen mangelnder Implementierungserfahrung fallen gelassen. Sie wurde neu in CSS 3 definiert.
Browserkompatibilität
Desktop Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung 48.0 9.0 (9.0) 9.0 35.0 Keine Unterstützung
Können Sie mir helfen, die Schriftart zu ändern, wenn ich den Kurzcode „list“ verwende? Wenn ich diesen Kurzcode wie in diesem Link verwende [removed], ändert sich die Schriftart von Helvetica zu einer anderen Schriftart.
Wenn man die Schriftart-Eigenschaften zu einer einzigen Zeile kombiniert, ist es möglich, dies so auszudrücken?
font:intalic 24px bold small-cups time