Wenn Sie neu in der Gestaltung Webseiten mit HTML und CSS sind , können Sie nicht erkennen das Ausmaß der Kontrolle über Designer haben Textgröße, verglichen mit dem, was war bei der Geburt des Web verfügbar . In der Tat können die verfügbaren Optionen für Schriftgrößen fast verwirrend sein. Eine Vielzahl von Möglichkeiten zur Verfügung , um die Größe der Schriftarten auf einer Webseite angezeigt steuern. Dies wird meist unter Verwendung von CSS (Cascading Style Sheets) , anstatt das alte Verfahren zur Typisierung jeder Stil in jeder Zeile des Textes im HTML (Hyper Text Markup Language) -Datei. Code Format mit CSS

Wenn Sie CSS verwenden, können Sie definieren, sehr spezifische Schriftgrößen und sie auf Gruppen von Text , die Sie mit Tags kennzeichnen. Sie können entweder eine externe CSS -Datei und hängen Sie es an der HTML-Datei , die den Inhalt Ihrer Seite enthält , oder Sie können interne CSS- Codes im Kopf der HTML-Datei enthalten . Egal welche Methode Sie bevorzugen , sieht die grundlegenden Code zum Einstellen der Schriftgröße wie folgt aus:

h1 {font -size: 40px ;}

Das bedeutet , dass jeder Text, den Sie als " h1 " bezeichnen in die HTML-Datei wird eine Größe von 40 Pixel. Wenn Sie Probleme mit der Schriftgröße erscheinen diese Größe haben, stellen Sie sicher, dass der Tag geöffnet und mit geschweiften Klammern geschlossen . Überprüfen Sie auch , dass der Wert mit einem Semikolon endet und dass kein Raum zwischen dem numerischen Wert und "px ".
Standard Type Schlagwörter

Regel ein Designer Header-Tags verwendet , um verschiedene Schriftgrößen er über die gesamte Website benötigen gesetzt . Traditionell werden diese Tags beginnen mit

, die die größte Schriftgröße auf der Seite zu finden ist , bis hin zu

, die möglicherweise sehr kleinen Text in einer Fußzeile gefunden werden. Die

Tag definiert typische Fließtext , die in den Absätzen erscheint. Sie können alle diese einzelnen Größen in der CSS-Stylesheet gesetzt ist, dann setzen Sie den Text in Ihren HTML mit den Tags geschrieben.
Mit absoluten Werten

p {font-size : 14pt ;} kann die Schriftgröße in einem absoluten Wert , wie Pixel, Millimeter oder Zoll , wie im folgenden Beispiel setzen

Dies setzt die Schriftgröße für den gesamten Text im

tag als 14 Punkten. Dies ist ein Beispiel für absolute Dimensionierung, in denen die Textgröße bleibt eine feste Größe . Einige Browser ermöglichen es, dieses zu ändern, das ist hilfreich für Menschen mit Sehbehinderungen , die Textgröße zu erhöhen, um sie zu lesen. Allerdings ist Internet Explorer nicht möglich, die Größe mit dieser Kodierung erhöhen.
Mit Relative Values ​​

Viele Designer verwenden relative Werte zu Schriftgrößen ändern. Hier wird die Textgröße relativ zu anderen Elementen und lässt Sie die Größe in allen Browsern . Relative Werte sind Pixel, Prozente und ems. Ems sind das Gerät durch das World Wide Web Consortium (W3C) empfohlen. Eine Messung von 1 em entspricht dem Standard- Größe einer Schriftart in einem Web- Browser, der 16 Pixel ist .

H2 {font-size : 1.875em ;} Sie können die Schriftgrößen in ems mit dem folgenden Code angeben

Wegen der anhaltenden Probleme mit der Kompatibilität in Internet Explorer , empfiehlt das W3C eine Kombination aus Prozentsätze und ems als Standard ein Seherlebnis wie möglich in allen Browsern zu gewährleisten. Sie empfehlen den folgenden Code , um eine Standard- Schriftgröße einstellen:

body { font-size : 100%; }

und geben Sie dann Ihre verschiedenen Überschrift und Paragraph Größen aus der Basis , dass :

h1 {font -size: 2.25em ;}

p { font-size: 0.8em ;}