HTML-Schriftgrößen, Typen und Farben

September 1

Wenn Sie Ihre Website mit HTML und CSS (Cascading Style Sheets) entwerfen, sollte ein entscheidendes Kriterium, wie Ihr Text für Ihre Besucher aussehen soll. Seine Farbe in ihrer Größe, welche Schriftart verwendet haben Sie vollständige Kontrolle über Ihren Text visuelle Darstellung.

Schriftarten und CSS

Das Tag ist veraltet, in HTML 4 und völlig abwesend in HTML 5, da als Präsentations-Element nach W3Schools, Schriftarten besser behandelt werden mit CSS oder Cascading Style Sheets. Mit Hilfe von CSS in Ihren Web-Design, können Sie die Eigenschaften für die Schriftart in jedem einzelnen Element aus Absätzen < Div > Abteilungen angeben. CSS-Schriftartattribute gehören "Font-Family," "Font-Style" und "Font-Size." Ein Beispiel der Einstellung der Schrift mit einem Stylesheet:

p {Schriftfamilie: "Times New Roman", Arial; Font-Style: Normal; Font-Size: 1em;}

Schriftarten und HTML

Während der HTML-Tag als veraltet geworden wurde und W3Schools rät seinen Einsatz, Web-Browsern noch aus Gründen der Abwärtskompatibilität Kompatibilität unterstützt werden. Legen Sie die Schriftart von einem Stück Text Kapseln mit öffnende und schließende Markierungen. Gemeinsame Attribute in eine HTML-Font-Element enthalten "Gesicht", "Farbe" und "Größe." Zum Beispiel:

Beispiel.

Schriftgrößen

In HTML können Sie das Attribut "Größe" eine beliebige Zahl zwischen "1" und "7" mit "3" wird die Standardschriftgröße von einem Webbrowser festlegen. Je größer die Zahl, desto größer wird Ihr Text angezeigt. In CSS können Sie das Attribut "Font-Size" auf drei verschiedene Arten festlegen. Sie können den Wert in Pixel, z. B. "16px," das ist die normale Größe für Schriftarten festlegen. Einstellung der Schriftgröße in Pixel ist nicht kompatibel mit Internet Explorer, sodass W3Schools empfiehlt die Verwendung von "Em" Werte stattdessen wo 1em 16px entspricht. Ein Dritter ist Weg verwenden relativen Größe durch Prozentsätze, wo "100 %" ist die normale Größe einer Schriftart auf Ihrer Webseite.

Schriften

Beim Definieren von Gesichts oder Stil, Ihre Schriftart in entweder HTML "Gesicht" oder CSS "Font-Family" Attribute, sollten Sie nicht nur einen, sondern mehrere Schriftarten angeben. Wenn der Benutzer nicht Ihre bevorzugte Schriftart installiert verfügt, wird seinen Browser überprüfen ob er Ihr nächsten bevorzugten Font installiert, und so weiter unten in der Liste hat. W3Schools empfiehlt endet Ihre Liste mit einem generischen Schriftart, z. B. "Serif", "sans-Serif" oder "Monospace." Gemeinsamen Schriften zählen "Times New Roman," "Georgia", "Arial", "Verdana", "Courier New" und "Lucida Console".

Schriftfarben

In HTML legen Sie die Farbe von jedem Stück Text mithilfe der -Tag "Color"-Attribut. Wenn Sie die "Farbe" festlegen, können Sie entweder den Namen der Farbe, z. B. "rot", "weiße" oder "Darksalmon" oder hexadezimalen RGB-Wert der Farbe. Geben Sie mit Stylesheets die Schriftfarbe mit dem Attribut "Farbe" in keinem Element. Zum Beispiel:

p {Color: red;}