Benötigen Sie wirklich Anführungszeichen für Schriftfamiliennamen in CSS?

Ist es notwendig, Schriftfamiliennamen in CSS in Anführungszeichen zu setzen?

Traditionell wurde angenommen, dass Schriftnamen, die mehrere Wörter enthalten, innerhalb von CSS in Anführungszeichen gesetzt werden sollten Die Eigenschaft „font-family“ wurde als bewährte Praxis angesehen. Jüngste Tests deuten jedoch darauf hin, dass Browser wie Safari und Firefox keine Probleme beim Rendern von Schriftarten ohne Anführungszeichen haben.

Die CSS-Spezifikationen

Gemäß der CSS 2.1-Spezifikation, Schriftfamilie Namen müssen entweder als Zeichenfolgen in Anführungszeichen gesetzt werden oder als Folge von Bezeichnern ohne Anführungszeichen. Wenn Bezeichner verwendet werden, müssen Satzzeichen und Ziffern am Anfang von Tokens maskiert werden.

Empfohlene Vorgehensweise

Anführungszeichen sind in der CSS-Spezifikation zwar nicht unbedingt erforderlich, sie werden jedoch empfohlen Schriftfamiliennamen mit Leerzeichen, Ziffern oder anderen Satzzeichen als Bindestrichen, um Verwechslungen mit Schlüsselwortwerten zu vermeiden oder die Notwendigkeit zu vermeiden, Satzzeichen innerhalb der Kennung zu maskieren.

Wenn Anführungszeichen erforderlich sind

Anführungszeichen sind unerlässlich, wenn Schriftartnamen mit Schlüsselwortwerten wie „inherit“, „serif“ oder „monospace“ übereinstimmen.

Fazit

Obwohl das stimmt Da es sich um einen technischen Unterschied zwischen in Anführungszeichen gesetzten und nicht in Anführungszeichen gesetzten Schriftfamiliennamen handelt, ist es unwahrscheinlich, dass er in modernen Browsern Probleme verursacht. Allerdings wird die Angabe von Anführungszeichen empfohlen, wenn der Schriftartname Sonderzeichen enthält oder mit Schlüsselwortwerten übereinstimmt. Indem Sie diese Vorgehensweise befolgen, können Sie eine korrekte Schriftartwiedergabe sicherstellen und potenzielle Verwirrung in Ihrem CSS-Code vermeiden.

Das obige ist der detaillierte Inhalt vonBenötigen Sie wirklich Anführungszeichen für Schriftfamiliennamen in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!