Der Code für den Schriftgrad von Text

November 3

Der Code für den Schriftgrad von Text

Wenn Sie die Gestaltung von Webseiten mit HTML und CSS sind, können Sie nicht erkennen, die Höhe des Steuerelements, die Designer auf Textgröße haben, gegenüber, was bei der Geburt im Web vorhanden war. Die verfügbaren Auswahlmöglichkeiten für Schriftgrößen können in der Tat, fast verwirrend sein. Eine Vielzahl von Möglichkeiten stehen zur Verfügung, um die Größe der Schriftarten angezeigt, die auf einer Webseite steuern. Dies geschieht in den meisten Fällen mithilfe von CSS (Cascading Style Sheets) nicht die alte Methode der jeden Stil in jeder Textzeile in die Datei HTML (Hyper Text Markup Language) eingeben.

Formate mit CSS

Wenn Sie CSS verwenden, können Sie ganz bestimmte Schriftgrößen definieren und wenden Sie sie auf Gruppen von Text, die Sie mit Tags festlegen. Können Sie entweder eine externe CSS-Datei erstellen und fügen Sie es in der HTML-Datei mit dem Inhalt Ihrer Seite, oder Sie können die internen CSS-Stil-Codes im Kopf der HTML-Datei einschließen. Welche Methode Sie bevorzugen, sieht der grundlegende Code für die Einstellung der Schriftgröße:

H1 {Font-Size: 40px;}

Dies bedeutet, dass Text, den Sie festlegen, wie "h1" in der HTML-Datei eine Größe von 40 Pixel haben. Wenn Sie Probleme mit der Textgröße, erscheinen diese Größe haben, stellen Sie sicher das Tag geöffnet und geschlossen mit geschweiften Klammern. Überprüfen Sie auch, dass der Wert mit einem Semikolon beendet und ist kein Leerzeichen zwischen dem numerischen Wert und dem "px."

Typ Standard-Tags

In der Regel verwendet einen Designer Header-Tags, verschiedene Schriftgrößen festlegen, die er in der gesamten Website benötigen. Traditionell diese Tags beginnen mit < h1 >, welche ist die größte Schriftgröße finden Sie auf der Seite hinunter < h6 >, die sehr klein sein können Text in einer Fußzeile gefunden. < p >-Tag definiert Typische Mulde angezeigten Text in Absätze. Sie können alle diese individuellen Größen in das CSS-Stylesheet einrichten und dann schließen Sie den Text in Ihr HTML Tags geschrieben.

Verwenden Absolute Werte

Sie können die Schriftgröße in absoluter Wert, z. B. Pixel, Millimeter oder Zoll, wie im folgenden Beispiel festlegen:

p {Font-Größe: 14pt;}

Dadurch wird die Schriftgröße für den gesamten Text innerhalb des Tags < p > als 14 Punkte. Dies ist ein Beispiel für absolute Dimensionierung, in dem die Textgröße eine feste Größe bleibt. Einige Browser können Sie diese Größe zu ändern, die für Menschen mit Sehbehinderungen hilfreich, die den Text vergrößern ist, um es lesen müssen. Jedoch lässt Internet Explorer nicht so mit dieser Kodierung vergrößern.

Verwendung von relativen Werten

Viele Designer verwenden Sie relative Werte, um Schriftgrößen zu ändern. Dadurch wird die Größe des Texts relativ zu anderen Elementen und können Sie ändern die Größe in allen Browsern. Relative Werte sind Pixel, Prozentsätze und Ems. EMS sind die Einheit, die vom World Wide Web Consortium (W3C) empfohlen. Eine Messung von 1 Em entspricht der Standardgröße für eine Schriftart in einem Web-Browser 16 Pixel ist. Sie können Schriftgrößen in Ems mit dem folgenden Code angeben:

H2 {Font-Size: 1.875em;}

Wegen der anhaltenden Probleme mit Kompatibilität in Internet Explorer die W3C empfiehlt eine Kombination der Prozentsätze und Ems serienmäßig eine Anzeige sicherzustellen erleben wie möglich in allen Browsern. Sie empfehlen den folgenden Code in eine standard-Größe-Schriftgröße festgelegt:

Körper {Font-Size: 100 %;}

und geben Sie dann Ihre verschiedenen Überschrift und Absatz-Größen, die auf basiert:

H1 {Font-Size: 2.25em;}

p {Font-Size: 0.8em;}