---
title: <font>
slug: Web/HTML/Element/font
tags:
  - HTML
  - Referenz
  - Schrift
  - Tags
  - Textformatierung
translation_of: Web/HTML/Element/font
---
<div>{{obsolete_header}}</div>

<h2 id="Zusammenfassung">Zusammenfassung</h2>

<p>Das <em>HTML Font Element</em> (<span style="font-family: courier new;">&lt;font&gt;</span>) definiert die Textgröße, Textfarbe und Schriftart für seinen Inhalt.</p>

<div class="note">
<p><em>Notiz zur Verwendung: </em></p>

<p><strong>Benutzen Sie dieses Element nicht!</strong> Obwohl es sich in HTML 3.2 normalisierte, wurde es in HTML 4.01 abgelehnt. Zu dieser Zeit verknüpfte es nur die Gestaltung, ab HTML5 ist es dann veraltet.</p>

<p>Startend mit HTML 4, werden Gestaltungsinformationen nicht mit HTML (außer durch das {{HTMLElement("style")}}-Element oder das <strong>style</strong>-Attribut jedes Elementes) übermittelt. Für eine moderne Web-Entwicklung sollten diese Informationen in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> ausgelagert werden.</p>

<p>Die bisherige Wirkung des {{HTMLElement("font")}}-Elementes kann genauso, oder sogar noch besser durch die <a href="/en-US/docs/Web/CSS/CSS_Fonts">CSS Schriftarten</a> in den CSS-Einstellungen erzielt werden.</p>
</div>

<h2 id="Attribute">Attribute</h2>

<p>Wie alle anderen Elemente auch, unterstützt dieses Element die <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">globalen Attribute</a>.</p>

<dl>
 <dt>{{htmlattrdef("color")}}</dt>
 <dd>Dieses Attribut legt die Textfarbe durch die Eingabe eines Farbennamens oder einer speziellen Farbe im hexadezimalen #RRGGBB-Format fest.</dd>
 <dt>{{htmlattrdef("face")}}</dt>
 <dd>Dieses Attribut beinhaltet eine durch Kommata getrennte Liste von einem oder mehreren Schriftarten. Der Text des Dokuments im Standard-Stil wird durch die erste, vom Browser unterstützte, Schriftart dargestellt. Wenn keine genannte Schriftart auf dem lokalen System installiert ist, wird der Browser die typische Standard-Schriftart verwenden.</dd>
 <dt>{{htmlattrdef("size")}}</dt>
 <dd>Dieses Attribut gibt die Schriftgröße als Zahl von <span style="font-family: courier new;">1</span> bis <span style="font-family: courier new;">7</span> (<span style="font-family: courier new;">1</span> als kleinstes und <span style="font-family: courier new;">3</span> als Standard) an. Es kann auch durch einen relativen Wert, wie <span style="font-family: courier new;">+2</span> oder <span style="font-family: courier new;">-3</span>, der den Wert vom {{htmlattrxref("size", "basefont")}}-Attribut des {{HTMLElement("basefont")}}-Elementes oder relativ zum Standardwert <span style="font-family: courier new;">3</span> als Grundlage verwendet, festgelegt werden.</dd>
</dl>

<h2 id="DOM-Schnittstelle">DOM-Schnittstelle</h2>

<p>Dieses Element implementiert die {{domxref("HTMLFontElement")}}-Schnittstelle.</p>

<h2 id="Browser-Kompatibilität">Browser-Kompatibilität</h2>

<h3 id="Notizen_zu_Gecko">Notizen zu Gecko</h3>

<p>Vor Gecko 15.0 {{geckoRelease("15.0")}}, verarbeitete der Browser verbotene Werte für das <code>size</code>-Attribut nicht korrekt. Es hat keine verbotenen Werte für relative Werte akzeptiert. Nun kürzt der Browser diese im Bereich von -10 zu +10 korrekt.</p>

<p>Gecko 15.0 entfernte auch die Unterstützung für die <code>font-weight</code> und <code>point-size</code>-Attribute im  <code>&lt;font&gt;</code>-Element; Diese waren keine Standard-Werte und Gecko war die einzige Umgebung, die dies noch unterstützte.</p>

<div>{{HTMLRef}}</div>