Eine kurze Erläuterung der Schriftarteinstellungen in Webseiten

Eine kurze Erläuterung der Schriftarteinstellungen in Webseiten

Das Festlegen der Schriftart für die gesamte Site war schon immer eine einfache, aber dennoch schwierige Aufgabe, da bei genauerem Hinsehen zu viele Dinge damit verbunden sind.

In diesem Artikel geht es hauptsächlich darum, wie Sie für eine normale Website die für Ihre Anforderungen passenden Schriftarten auswählen.

1. Erforderliches Wissen

Zunächst einmal sollten wir klarstellen, dass die Tatsache, dass Sie diese Schriftart festlegen, nicht bedeutet, dass der Computer des Benutzers diese Schriftart auch anzeigt.

Wenn diese Schriftart auf dem Computer des Benutzers nicht installiert ist, wird sie in der zweiten von Ihnen festgelegten Schriftart gerendert. Betrachten Sie eine gemeinsame Einstellung

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. font-family:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; /* \5b8b\4f53 bedeutet Songti, diese Unicode-Kodierung ist mit allen Browsern kompatibel */

Wenn der obige Code auf einem Computer ohne Schriftart Tahoma festgelegt ist, wird der Computer mit der Schriftart Arial gerendert. Wenn keines von beiden verfügbar ist, verwenden Sie Letzteres. Wenn die von Ihnen angegebene Schriftart nicht verfügbar ist, wird eine Schriftart aus der serifenlosen Schriftfamilie verwendet.

Dann sollten wir darüber sprechen, was Sans-Serif ist.

Sans-Serif bedeutet serifenlose Schrift. Es handelt sich dabei nicht um eine Schriftart, sondern um eine allgemeine Bezeichnung für eine Art von Schriftart.

Serif bedeutet dementsprechend die Verwendung von Serifenschriften.

(Zur Erklärung: Serifen sind sehr kleine Änderungen an der Schriftart. Sie können bei Baidu nach Einzelheiten suchen. Dies ist für diesen Artikel nicht relevant, daher werde ich nicht näher darauf eingehen.)

Hier eine Zusammenfassung gängiger Schriftfamilien:

•Serif: Schriftart mit Serifen. Die Standard-Serifenschriftart ist Times New Roman. Bei chinesischen Schriftarten sind es Songti, Fangsong und ähnliche.

•sans serif: serifenlose Schriftart. Arial ist die standardmäßige serifenlose Schriftart. Zu den chinesischen Schriftarten gehören Microsoft YaHei und Heiti. Zu den englischen Schriftarten zählen Helvetica, Geneva oder Verdana.

•Monospace: Monospace-Schriftart. Jeder Buchstabe dieser Schriftart hat die gleiche Breite. Courier wird normalerweise zur Anzeige von Programmcode usw. verwendet und ist die standardmäßige Monospace-Schriftart. Beim Chinesischen sind alle Zeichen gleich breit.

2. So stellen Sie die Schriftart ein

Nachdem Sie sich die oben aufgeführten erforderlichen Informationen durchgelesen haben, verfügen Sie wahrscheinlich über ein systematischeres Verständnis von Schriftarten.

Wie legen Sie also die Schriftart der Website fest?

Manche Leute sind es gewohnt, Songti, Arail oder Tahoma als ihre erste Schriftart zu verwenden. Allerdings gibt es hier ein großes Problem. Bei größeren Schriftgrößen (über 16px) ist die Darstellung ziemlich hässlich. Da ich auf meinem Rechner allerdings das Tool zur Schriftoptimierung unter Windows verwende, kann ich es euch nicht zeigen. Alles in allem ist diese Einstellung bei großen Schriftarten ziemlich hässlich.

Manche Leute sagen, dass Microsoft YaHei gut aussieht, wenn die Schriftart groß ist. Wie wäre es, Microsoft YaHei vollständig einzurichten?

Hier gibt es ein großes Problem. YaHei ist nur unter Windows Vista verfügbar. Für XP-Benutzer, deren Benutzeranteil bei über 65 % liegt, ist die Installation von YaHei dasselbe, als ob sie es nicht geschrieben hätten. Sie verwenden immer noch Songti oder etwas Ähnliches zur Wiedergabe. Außer wenn Sie sich selbst trösten oder mit Ihrem Chef zu tun haben (Ihr Chef folgt normalerweise dem Trend und verwendet Windows 7 oder höher). Für die meisten Benutzer wirklich nutzlos. Darüber hinaus ist Microsoft YaHei beim Rendern von 12px-Schriftarten nicht so gut wie Songti.

Was die Einstellung der Schriftart angeht, denke ich, dass sie dem tatsächlichen Geschäft und der Situation entsprechend eingestellt werden sollte.

3. Fazit

Nach der obigen Analyse habe ich eine Einstellungsmethode zusammengefasst, die ich für ziemlich gut halte

1: Insgesamt am besten

Die Schrifteinstellungen für die gesamte Site lauten wie folgt

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Schriftfamilie: Helvetica, Arial, „Hiragino Sans GB“, \5b8b\4f53, serifenlos;

Verwenden Sie dann Bilder für große und wichtige Texte (z. B. Navigation). Denn nachdem Sie Bilder verwendet haben, müssen Sie sich keine Gedanken mehr darüber machen, ob der Benutzer diese Schriftart installiert hat, und Sie können sie schöner gestalten und ihr mehr Skalierbarkeit und Möglichkeiten bieten.

2: Beste Leistung

Die Schriftart der gesamten Site ist immer noch

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Schriftfamilie: Helvetica, Arial, „Hiragino Sans GB“, \5b8b\4f53, serifenlos;

Dann noch zur großen Schrift (egal ob das hier wichtig ist oder nicht). Individuell einrichten

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Schriftfamilie: Microsoft YaHei;

Diese Einstellung kann im Frontend viel Arbeit sparen, viele XP-Benutzer werden sich allerdings über die große Schriftgröße ärgern.

3: Die einfachste Lösung

direkt

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Schriftfamilie: Helvetica, Arial, „Hiragino Sans GB“, \5b8b\4f53, serifenlos;
oder
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Schriftfamilie: Microsoft YaHei, Helvetica, Arial, „Hiragino Sans GB“, \5b8b\4f53, serifenlos;
Es ist jedoch möglich, dass große Schriftarten nicht schön wiedergegeben werden und Yahei kleine Schriftarten möglicherweise nicht klar wiedergibt. aber was macht das schon.

Die obige kurze Diskussion über Schrifteinstellungen auf Webseiten ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden. </p>

Original-URL: http://www.cnblogs.com/qqziyuan8/archive/2016/08/01/5726310.html

<<:  So konvertieren Sie Chinesisch in HTML in UTF-8

>>:  So stellen Sie Redis schnell als Docker-Container bereit

Artikel empfehlen

Erstellen Sie in 5 Minuten einen WebRTC-Videochat

Im vorherigen Artikel habe ich den detaillierten ...

Beispiel zum Aktivieren langsamer Abfragen in MySQL

Vorwort Das langsame Abfrageprotokoll ist eine se...

MySQL 8.0.12 Installationskonfigurationsmethode und Kennwortänderung

In diesem Artikel werden die Installations- und K...

MySQL 5.7.18 Green Edition Download- und Installations-Tutorial

Dieser Artikel beschreibt den detaillierten Vorga...

Detaillierte Erläuterung des Mysql Self-Join-Abfragebeispiels

Dieser Artikel beschreibt die Mysql-Self-Join-Abf...

Einfaches Beispiel für die Verschönerung von HTML-Kontrollkästchen und -Radios

Einfaches Beispiel für die Verschönerung von HTML...

Umfassende Erklärung zu dynamischem SQL von MyBatis

Inhaltsverzeichnis Vorwort Dynamisches SQL 1. Sch...

js implementiert einen einzigen Klick zum Ändern der Tabelle

Pure js implementiert eine mit einem Klick bearbe...

8 leistungsstarke Techniken zum Erstellen von HTML-Webseiten

<br />Es gibt zwar viele Tools zum Erstellen...