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

Detaillierte Erklärung zur Verwendung von MySQL, wobei

Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...

Vue.js Leistungsoptimierung N Tipps (es lohnt sich, sie zu sammeln)

Inhaltsverzeichnis Funktionskomponenten Aufteilun...

Detaillierte Erklärung der Verwendung des Linux-Befehls nslookup

[Wer ist nslookup?] 】 Der Befehl nslookup ist ein...

Die Vue-Konfigurationsdatei generiert automatisch Routing- und Menüinstanzcode

Inhaltsverzeichnis Vorne geschrieben router.json ...

CSS3 erzielt einen coolen Karusselleffekt mit geschnittenen Bildern

Heute lernen wir, wie man mit CSS eine coole Bild...

So ändern Sie die SSH-Portnummer in der Centos8-Umgebung

Inhaltsverzeichnis Vorwort Start Vorwort Die Stan...

Vue verwendet das Video-Tag, um die Videowiedergabe zu implementieren

In diesem Artikel wird der spezifische Code von V...

Viewport-Parameter für mobile Browser (Web-Frontend-Design)

Mobile Browser platzieren Webseiten in einem virtu...

Wichtige Hinweise zu PHP-HTMLhtml-Wissenspunkten (unbedingt lesen)

1. Verwenden Sie Frameset, Frame und Iframe, um m...

Einige Verbesserungen in MySQL 8.0.24 Release Note

Inhaltsverzeichnis 1. Verbindungsmanagement 2. Ve...

So stellen Sie ein Linux-System automatisch mit PXE bereit

Inhaltsverzeichnis Hintergrund DHCP konfigurieren...