Normalerweise wird der von den Benutzern angezeigte Stil von drei Ebenen gesteuert. Wie bei CSS ist die Priorität dahinter höher als die vorherige, was bedeutet, dass der Standard-Definitionsstil des Webseiten den Standardstil des Browsers überschreiben kann, während der benutzerdefinierte Stil die höchste Priorität hat. Die tatsächliche Situation ist, dass Browser zwar mehr oder weniger benutzerdefinierte Stilfunktionen bieten, aber nur sehr wenige Benutzer sie anpassen und im Allgemeinen als erweiterte Benutzer verwendet werden. Der Standardstil des Browsers unterscheidet sich in verschiedenen Browsern, unterschiedlichen Sprachversionen und sogar in unterschiedlichen Systemversionen. Um zu versuchen, die Standardeinstellungen des Browsers neu zu schreiben, um die Konsistenz des Stils jedes Browsers zu gewährleisten.
Nehmen Sie als Beispiel Schriftarten. so was. Daher müssen wir den Standard -Schriftartenstil einheitlich festlegen, um konsistente Anzeigeneffekte zu erzielen, um ein konsistentes Design zu gewährleisten und die Entwicklungseffizienz zu verbessern.
Bereiten Sie in Zukunft die folgenden Standard -Schriftstile vor:
Körper{
Schriftart: 12px/1,5 Arial;
}Die meisten Charaktere auf unserer Seite sind in Chinesisch. & kopieren Sie Charaktere, also erwarten wir im Allgemeinen CSS, sie in besseren Schriftstilen anzuzeigen, und verwenden dann Song -Schriftart, um chinesische und chinesische Symbole anzuzeigen. Der Grund, warum ich Arial gewählt habe, ist, dass:
Sowohl Windows als auch Mac haben diese Schriftart vorinstalliert, die die am häufigsten verwendete Webschriftart sein sollte. Seine potenziellen Rivalen tahoma und helvetica sind nicht so glücklich.
Visuelle Designprofis mögen denken, dass die Verwendung font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; Tahoma in Windows und Helvetica in Mac besser ist. font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; Dies ist eine gute Wahl, aber Sie werden auch feststellen, dass neue Versionen von Google, Yahoo, YouTube, Bing und sogar MSN arial als erste Standardschrift verwenden. Daher sollte arial in Bezug auf Ästhetik und Lesbarkeit völlig akzeptabel sein.
Im Allgemeinen setzt die Einstellung der Schriftfamilie am Ende eine gemeinsame Schriftfamilie font-family:arial,sans-serif; um die Sicherheit zu gewährleisten. Codierung ist GBK, IE8 wird Song-Schriftarten aufgrund von sans-serif sans-serif , was zu einer Verformung der Schriftarten führt.
Da die Auswahl der chinesischen Schriftarten sehr begrenzt ist, werden alle Mainstream -Browser, die derzeit mit Song -Schriftarten Chinesen angezeigt werden. Baidus Homepage- und Suchergebnis Seite Verwenden Sie font-family:arial; Einige Leute stellen möglicherweise fest, dass die chinesische Schriftart von Firefox Chinese Version Microsoft Yahei ist. Es ist auch auf ähnliche Situationen zurückzuführen, dass es für uns sehr wichtig ist, Webseiten flexibel zu entwerfen.
Eines der Probleme, die dazu führen, dass englische Schriftarten als erste Standard -Schriftart das Ausrichtungsproblem in Chinesisch und Englisch und Symbolmischung sind. Wenn Sie die Schriftart ändern, kann dies das Problem vollständig lösen. Offensichtlich tritt dieses Problem nur in IE auf. Wenn Ihre Website selten Englisch, Zahlen und englische Symbole verwendet, ist es auch eine sehr vernünftige Wahl {font-family:5b8b4f53;} direkt.
12px ist die Grenze des Songtung -Displays. Da Song -Schriftart im Grunde genommen die einzige universelle Web -Schriftart ist, die derzeit Chinesen anzeigt, ist 12PX die am häufigsten verwendete Schriftgröße geworden. Natürlich können wir diesen Standardwert entsprechend den Anforderungen des Produkts ändern.
Sie müssen keine Entwürfe berücksichtigen, die auf der Schriftgröße (EM) basieren.
In der chinesischen Version nach Chrome 3.0 beträgt die minimale Schriftgröße 12px.
Dies ist ein Erfahrungswert. In Yuis Schriftart ist es beispielsweise font:13px/1.231 arial,helvetica,clean,sans-serif; ist das 1,231 -fache der Standardschrift. Für Chinesen können die häufig verwendeten Schriftgrößen wie 12px, 14px, 16px, 18px usw. die Leitungshöhe auf eine gleichmäßige Zahl in IE6 und IE7 in einigen speziellen Fällen lösen.
In IE6 und IE7 muss der Hochwert der Linie größer als 2px der Schriftart betragen, um die vollständige Anzeige der Schriftart zu gewährleisten oder den Unterstrich effektiv anzuzeigen, wenn es sich um eine Verbindung handelt.
Achten Sie bei der Einstellung line-height nicht, um Einheiten (einschließlich %) zu verwenden, da unter Verwendung von Einheiten die berechnete line-height erben. Ohne sich mit der Schriftgröße zu ändern, und der Einheitswert ist ein Vielfaches font-size des Containers, sodass es die beste Wahl ist.
Eingehende CSS-Linienhöhe ist sehr hilfreich, um line-height zu verstehen und lesenswert zu sein.
Die meisten Plattformen haben arial , was die Suchzeit der Browser verkürzt.
Minimaler Code und leicht zu schreiben. arial ist im Grunde die Schriftart mit dem kürzesten Namen, der die Größe von CSS speichern kann.
Alle Buchstaben sind Kleinbuchstaben, und Google tut dies derzeit mit dem Vorteil, dass sie schneller geschrieben werden und die Effizienz der GZIP -Komprimierung verbessern können.
Es ist {font-family:5fae8f6f96c59ed1;} besten {font-family:5b8b4f53;} Unicode auf Chinesisch auszudrücken. .
Verwenden Sie den richtigen Schriftart, um zu schreiben, und vermeiden Sie Anführungszeichen, die die Größe des CSS verringern können. Chinesische Schriftarten können im vorherigen Weg geschrieben werden.
Durch den Test der gemischten Anordnung von Chinesisch und Englisch und Symbolen stellte ich fest, dass Microsoft Yahei tatsächlich recht gut abspielte, einschließlich englischer Zahlen und englischer Charaktere sowie die Display -Effekte von IE6 und IE7, aber das einzige Bedauern ist, wenn Microsoft Yahe Microsoft Yahe ist unter XP installiert, wenn Benutzer mit schwarzen Schriftarten die Option "Smooth -Kanten der Bildschirmschriften" nicht einschalten. Es ist sehr verschwommen und schwierig, unter Firefox, Safari, Opera und insbesondere IE6 zu erkennen. Es gibt derzeit keine gute Lösung für dieses Problem, daher ist es nur möglich, sie formell zu verwenden, bis das IE6 -Nutzungsverhältnis sehr klein ist. Vielleicht dauert es bis 2014, wenn XP stirbt.
Obwohl @font-face sehr früh gefunden wurde, wurden die Unterstützung des Browsers, der Netzwerkgeschwindigkeit und die Geschäftsprobleme selten verwendet. Die gute Nachricht über Schriftarten ist in letzter Zeit, dass Firefox 3.6 Web Open -Schriftart unterstützen wird. Relevante Informationen über die Zukunft von Web -Schriftarten finden Sie in der Zukunft von Web -Schriftarten, über Web -Schriftarten: die aktuelle Situation und die Zukunft, und sprechen über die aktuelle Situation und die Zukunft von Web -Schriftarten.