In HTML darstellbare Schriftarten
HTML-Schriftarten Test - Installation und Darstellung

Seitenende
  Zurück Home
Hinweis 1

Alle nachfolgend aufgeführten Schriftarten sind vom Programm her mit der gleichen Schriftgröße (Diese Schriftgröße hat 11pt.) und Schriftweite eingestellt. Die Unterschiede in der Darstellung resultieren nur aus der Schriftart. Ich habe dabei die Darstellung extra in 2 Schriftgrößen realisiert, weil sich häufig erst bei großer Darstellung die Unterschiede offenbaren. Das sollte man bei der Erstellung der Homepage beachten, insbesonders bei der Wahl der Überschriften.

Hinweis 2

Denken Sie bei der Wahl der Schriftart immer an möglichst viele Internetuser. Wenn Sie eine wenig gebräuchliche Schriftart für Ihre Homepage wählen (weil es zum Thema der Homepage passt), geben Sie immer "Ersatzschriften" an, die dem Charakter der Homepage entsprechen. Machen Sie das nicht, wird der Browser die einfachste Schriftart wählen (oder überhaupt nichts richtig anzeigen), die er darstellen kann. Das kann Ihre Homepage echt entstellen.
Binden Sie in den Stylesheets immer Schriftfamilien ein, z.B. mit
font-family: Algerian, Geneva, Arial, Helvetica;
Der Browser des Users wird dann in der Reihenfolge Algerian, Geneva ... prüfen, ob er er sie darstellen kann. Dadurch können Sie steuern, welche Schriftart der Browser des Users zuerst verwendet.

Hinweis 3

In der grauen Überschrift wird die Schriftart bezeichnet und müßte von der Einstellung her von allen Browsern dargestellt werden können (Times New Roman). In der ersten Zeile ist die Schriftgröße normal eingestellt und in der zweiten Zeile mit (font-style 200%), da man die Unterschiede in der größeren Schrift etwas besser sieht. Außer beim Font-Style wurde keine zusätzliche Formatierung zwischen kleiner und großer Darstellung vorgenommen.

Hinweis 4

Ich benutze den MS Internet Explorer 6.0. Bei mir sind die Beispielsätze

  • Schriftart   89: MT Extra
  • Schriftart 115: Symbol
  • Schriftart 130: Webding
  • Schriftart 132-134: verschiedene Wingdings
nicht richtig lesbar. Sollten bei Ihnen andere Schriftarten ebenfalls nicht lesbar sein, oder gar fehlen, dann kann Ihr Browser die Schriftart nicht darstellen.

Hinweis 5

Die Schriftarten können wie folgt in Scripte ein gebunden werden:
<p><span style="font-family:'Times New Roman';font-size:200%">als großer Beispieltext in Times New Roman</span></p>
<p><span style="font-family:Verdana;font-size:200%">als großer Beispieltext in Verdana</span></p>

Man beachte unbedingt, dass bei Schriftarten mit 2 und mehr Worten die Schriftartbezeichnung extra nochmals in Anführungszeichen zusetzen ist!

Hinweis 6

Sie haben eine "exotische" Schriftart gewählt und Ihr Browser zeigt Ihnen das bekannte Bild Ihrer Standardschrift. Genau das soll Ihnen diese Testseite zeigen. Dann kann Ihr Browser diese Schriftart nicht darstellen. Ursache ist meist, dass auch Windows diese Schrift nicht kennt. Abhilfe geht nur, in dem Sie diese Schriftart erst mal auf Ihren Rechner laden.

Damit ist aber das Problem nur bei Ihnen gelöst. Verwenden Sie diese Schriftart in Ihrer Homepage, dann geht es wahrscheinlich vielen Usern genauso, die nur die normalen Standardschriften geladen haben.

Damit können Sie mit nachfolgender Schriftartentabelle recht schnell feststellen, wie die einzelnen Schriftarten im Browser rüberkommen, bzw. ob sie überhaupt richtig wiedergegeben werden.

Deshalb geben Sie bei abweichenden Schriftarten immer häufig verwendete Ersatzschriften an, damit wenigstens beim User ein Schriftbild erzeugt wird, das dem Design Ihrer Homepage Rechnung trägt.

Man muss ja nicht das Fahrrad neu erfinden. Hier können sie nachlesen, wie neue Schriftarten installiert werden. Klick hier (Beispiel Windows 2000)



Free SMS
Kostenlose SMS aufs Handy. Sicher und schnell. Wie es geht? Tipps gibt es hier.
Klick hier (Seite öffnet in separatem Fenster)

Hinweis 7

Nicht alle Schriftarten, die mit dem Computer darstellbar sind, können auch von den Browsern verarbeitet und dargestellt werden. Eine der umfangreichsten Schriftensammlungen finden Sie unter nachfolgendem Link, mit dem entsprechendem
Download Schriftart bei www.fontsuchmaschine.de

Hinweis 8

Wenn Sie außergewöhnliche Schriftarten verwenden, sollten Sie sich nicht scheuen, sich Ihre Homepage mal auf dem PC von Freunden und Bekannten anzuschauen. Dass ist dann sehr lohnend, wenn die Freunde und Bekannten keine speziellen Schriften nachinstalliert haben. So können Sie gut nachvollziehen, ob das Schriftbild bei anderen Usern wirkt.



Hinweis:

Das sollten Sie nicht nur wegen der Schriftarten tun, sondern auch wegen der Farbgestaltung!. Je nach eigenen Einstellungen des Bildschirmes und der Frage, ob denn ein anderer User einen normalen Monitor benutzt, oder z.B. einen Flachbildschirm, können in der Farbwiedergabe Unterschiede auftreten, die enorm an der Lesbarkeit des Inhaltes rütteln!

Hinweis 9

Einen kleinen Trick gibt es doch, wie man eine nicht vom Browser des Users darstellbare Schriftart in die Homepage bringen kann. Mehr Infos gibt es hier:
Zum Tipp Schriftartendarstellung

Bitte an die User

Wenn Sie noch mehr Schriftarten zu sehen wünschen, dann teilen Sie es mir mit. Allerdings kann ich nur eine Auswahl treffen. Obwohl ich schon weit über 100 HTML Schriftarten aufgenommen habe, gibt es sicher noch Einige der über 1.000 Schriftarten, die in Windows darstellbar sind, die auch in HTML darstellbar sind. Aber eine gewisse Auswahl mußte ich treffen.

Hier die 5 gebräuchlisten Schriftarten


als kleiner Beispieltext in Times New Roman
als großer Beispieltext in Times New Roman


als kleiner Beispieltext in Verdana
als großer Beispieltext in Verdana


als kleiner Beispieltext in Arial
als großer Beispieltext in Arial


als kleiner Beispieltext in Courier
als großer Beispieltext in Courier


als kleiner Beispieltext in Tahoma
als großer Beispieltext in Tahoma


Seitenanfang Seitenende

Hier kommen nochmal alle Schriftarten in alphabetischer Folge

Algerian

als kleiner Beispieltext in Algerian
als großer Beispieltext in Algerian


Allegro BT

als kleiner Beispieltext in Allegro BT
als großer Beispieltext in Allegro BT


Almanac MT

als kleiner Beispieltext in Almanac MT
als großer Beispieltext in Almanac MT


Arial

als kleiner Beispieltext in Arial
als großer Beispieltext in Arial


Arial Black

als kleiner Beispieltext in Arial Black
als großer Beispieltext in Arial Black


Arial Narrow

als kleiner Beispieltext in Arial Narrow
als großer Beispieltext in Arial Narrow


Arial Rounde MT Bold

als kleiner Beispieltext in Arial Rounde MT Bold
als großer Beispieltext in Arial Rounded MT Bold


Arial Unicode MS

als kleiner Beispieltext in Arial Unicode MS
als großer Beispieltext in Arial Unicode MS


Baskerville Old Face

als kleiner Beispieltext in Baskerville Old Face
als großer Beispieltext in Baskerville Old Face


Batang

als kleiner Beispieltext in Batang
als großer Beispieltext in Batang


Bauhaus 93

als kleiner Beispieltext in Bauhaus 93
als großer Beispieltext in Bauhaus 93


Beeskness ITC

als kleiner Beispieltext in Beeskness ITC
als großer Beispieltext in Beeskness ITC


Bell MT

als kleiner Beispieltext in Bell MT
als großer Beispieltext in Bell MT


Bernard MT Condensed

als kleiner Beispieltext in Bernard MT Condensed
als großer Beispieltext in Bernard MT Condensed


Blackadder ITC

als kleiner Beispieltext in Blackadder ITC
als großer Beispieltext in Blackadder ITC


Book Antiqua

als kleiner Beispieltext in Book Antiqua
als großer Beispieltext in Book Antiqua


Bookman Old Style

als kleiner Beispieltext in Bookman Old Style
als großer Beispieltext in Bookman Old Style


Bradley Hand ITC

als kleiner Beispieltext in Bradley Hand ITC
als großer Beispieltext in Bradley Hand ITC


Britannic Bold

als kleiner Beispieltext in Britannic Bold
als großer Beispieltext in Britannic Bold


Broadway

als kleiner Beispieltext in Broadway
als großer Beispieltext in Broadway


Seitenanfang

Seitenende

Brush Script MT

als kleiner Beispieltext in Brush Script MT
als großer Beispieltext in Brush Script MT


Calisto MT

als kleiner Beispieltext in Calisto MT
als großer Beispieltext in Calisto MT


Castellar

als kleiner Beispieltext in Castellar
als großer Beispieltext in Castellar


Century

als kleiner Beispieltext in Century
als großer Beispieltext in Century


Century Gothic

als kleiner Beispieltext in Century Gothic
als großer Beispieltext in Century Gothic


Century Schoolbook

als kleiner Beispieltext in Century Schoolbook
als großer Beispieltext in Century Schoolbook


Chiller

als kleiner Beispieltext in Chiller
als großer Beispieltext in Chiller


Colonna MT

als kleiner Beispieltext in Colonna MT
als großer Beispieltext in Colonna MT


Comic Sans MS

als kleiner Beispieltext in Comic Sans MS
als großer Beispieltext in Comic Sans MS


Cooper Black

als kleiner Beispieltext in Cooper Black
als großer Beispieltext in Cooper Black


Copperplate Gothic Bold

als kleiner Beispieltext in Copperplate Gothic Bold
als großer Beispieltext in Copperplate Gothic Bold


Courier

als kleiner Beispieltext in Courier
als großer Beispieltext in Courier


Courier New

als kleiner Beispieltext in Courier New
als großer Beispieltext in Courier New


Cruiz MT

als kleiner Beispieltext in Cruiz MT
als großer Beispieltext in Cruiz MT


Edwardian Script

als kleiner Beispieltext in Edwardian Script
als großer Beispieltext in Edwardian Script


Elephant

als kleiner Beispieltext in Elephant
als großer Beispieltext in Elephant


Engravers MT

als kleiner Beispieltext in Engravers MT
als großer Beispieltext in Engravers MT


Eras Bold ITC

als kleiner Beispieltext in Eras Bold ITC
als großer Beispieltext in Eras Bold ITC


Eras Demi ITC

als kleiner Beispieltext in Eras Demi ITC
als großer Beispieltext in Eras Demi ITC


Eras Light ITC

als kleiner Beispieltext in Eras Light ITC
als großer Beispieltext in Eras Light ITC


Seitenanfang Seitenende

Eras Medium ITC

als kleiner Beispieltext in Eras Medium ITC
als großer Beispieltext in Eras Medium ITC


Eras Liltra ITC

als kleiner Beispieltext in Eras Liltra ITC
als großer Beispieltext in Eras Liltra ITC


Felix Titling

als kleiner Beispieltext in Felix Titling
als großer Beispieltext in Felix Titling


Footlight MT Light

als kleiner Beispieltext in Footlight MT Light
als großer Beispieltext in Footlight MT Light


Forte

als kleiner Beispieltext in Forte
als großer Beispieltext in Forte


Fraktur BT

als kleiner Beispieltext in Fraktur BT
als großer Beispieltext in Fraktur BT


Franklin Gothic Demi

als kleiner Beispieltext in Franklin Gothic Demi
als großer Beispieltext in Franklin Gothic Demi


Franklin Gothic Demi Cond

als kleiner Beispieltext in Franklin Gothic Demi Cond
als großer Beispieltext in Franklin Gothic Demi Cond


Franklin Gothic Heavy

als kleiner Beispieltext in Franklin Gothic Heavy
als großer Beispieltext in Franklin Gothic Heavy


Franklin Gothic Medium

als kleiner Beispieltext in Franklin Gothic Medium
als großer Beispieltext in Franklin Gothic Medium


FrankZappa

als kleiner Beispieltext in FrankZappa
als großer Beispieltext in FrankZappa


Freehand521 BT

als kleiner Beispieltext in Freehand521 BT
als großer Beispieltext in Freehand521 BT


Frech Script MT

als kleiner Beispieltext in Frech Script MT
als großer Beispieltext in Frech Script MT


Garamond

als kleiner Beispieltext in Garamond
als großer Beispieltext in Garamond


Georgia

als kleiner Beispieltext in Georgia
als großer Beispieltext in Georgia


Gigi

als kleiner Beispieltext in Gigi
als großer Beispieltext in Gigi


Gill Sans MT

als kleiner Beispieltext in Gill Sans MT
als großer Beispieltext in Gill Sans MT


Gill Sans MT Condensed

als kleiner Beispieltext in Gill Sans MT Condensed
als großer Beispieltext in Gill Sans MT Condensed


Gill Sans MT Ext Condensed Bold

als kleiner Beispieltext in Gill Sans MT Ext Condensed Bold
als großer Beispieltext in Gill Sans MT Ext Condensed Bold


Gill Sans Ultra Bold

als kleiner Beispieltext in Gill Sans Ultra Bold
als großer Beispieltext in Gill Sans Ultra Bold


Seitenanfang Seitenende

Gill Sans Ultra Bold Condensed

als kleiner Beispieltext in Gill Sans Ultra Bold Condensed
als großer Beispieltext in Gill Sans Ultra Bold Condensed


Gloucester MT Extra Condensed

als kleiner Beispieltext in Gloucester MT Extra Condensed
als großer Beispieltext in Gloucester MT Extra Condensed


Goudy Old Style

als kleiner Beispieltext in Goudy Old Style
als großer Beispieltext in Goudy Old Style


Goudy Stout

als kleiner Beispieltext in Goudy Stout
als großer Beispieltext in Goudy Stout


Haettenschweiler

als kleiner Beispieltext in Haettenschweiler
als großer Beispieltext in Haettenschweiler


Harlow Solid Italic

als kleiner Beispieltext in Harlow Solid Italic
als großer Beispieltext in Harlow Solid Italic


Harrington

als kleiner Beispieltext in Harrington
als großer Beispieltext in Harrington


Holidays MT

als kleiner Beispieltext in Holidays MT
als großer Beispieltext in Holidays MT


Impact

als kleiner Beispieltext in Impact
als großer Beispieltext in Impact


Imprint MT Shadow

als kleiner Beispieltext in Imprint MT Shadow
als großer Beispieltext in Imprint MT Shadow


Impuls BT

als kleiner Beispieltext in Impuls BT
als großer Beispieltext in Impuls BT


Informal Roman

als kleiner Beispieltext in Informal Roman
als großer Beispieltext in Informal Roman


Jokerman

als kleiner Beispieltext in Jokerman
als großer Beispieltext in Jokerman


Juice ITC

als kleiner Beispieltext in Juice ITC
als großer Beispieltext in Juice ITC


Kaufmann Bd BT

als kleiner Beispieltext in Kaufmann Bd BT
als großer Beispieltext in Kaufmann Bd BT


Kreise

als kleiner Beispieltext in Kreise
als großer Beispieltext in Kreise


Kristen ITC

als kleiner Beispieltext in Kristen ITC
als großer Beispieltext in Kristen ITC


Kunstler Script

als kleiner Beispieltext in Kunstler Script
als großer Beispieltext in Kunstler Script


Lucida Calligraphy

als kleiner Beispieltext in Lucida Calligraphy
als großer Beispieltext in Lucida Calligraphy


Lucida Console

als kleiner Beispieltext in Lucida Console
als großer Beispieltext in Lucida Console


Seitenanfang buch.de - einfach vielseitiger! Seitenende

Lucida Handwriting

als kleiner Beispieltext in Lucida Handwriting
als großer Beispieltext in Lucida Handwriting


Lucida Sans Typewriter

als kleiner Beispieltext in Lucida Sans Typewriter
als großer Beispieltext in Lucida Sans Typewriter


Lucida Sans Unicode

als kleiner Beispieltext in Lucida Sans Unicode
als großer Beispieltext in Lucida Sans Unicode


Malandra GD

als kleiner Beispieltext in Malandra GD
als großer Beispieltext in Malandra GD


Map Symbols

als kleiner Beispieltext in Map Symbols
als großer Beispieltext in Map Symbols


Matisse ITC

als kleiner Beispieltext in Matisse ITC
als großer Beispieltext in Matisse ITC


Matura MT Script Capitals

als kleiner Beispieltext in Matura MT Script Capitals
als großer Beispieltext in Matura MT Script Capitals


Seitenanfang Seitenende

Microsoft Sans Serif

als kleiner Beispieltext in Microsoft Sans Serif
als großer Beispieltext in Microsoft Sans Serif


MotterFemD

als kleiner Beispieltext in MotterFemD
als großer Beispieltext in MotterFemD


MS Serif

als kleiner Beispieltext in MS Serif
als großer Beispieltext in MS Serif


MT Extra

als kleiner Beispieltext in MT Extra
als großer Beispieltext in MT Extra


OCR A Extended

als kleiner Beispieltext in OCR A Extended
als großer Beispieltext in OCR A Extended
Download Schriftart bei www.wolfsheim.net


Ocra

als kleiner Beispieltext in Ocra
als großer Beispieltext in Ocra


OCR-B

als kleiner Beispieltext in OCR-B
als großer Beispieltext in OCR-B


Onyx

als kleiner Beispieltext in Onyx
als großer Beispieltext in Onyx


Palace Script MT

als kleiner Beispieltext in Palace Script MT
als großer Beispieltext in Palace Script MT


Palatino Linotype

als kleiner Beispieltext in Palatino Linotype
als großer Beispieltext in Palatino Linotype


Papyrus

als kleiner Beispieltext in Papyrus
als großer Beispieltext in Papyrus


Pepita MT

als kleiner Beispieltext in Pepita MT
als großer Beispieltext in Pepita MT


Perpetua

als kleiner Beispieltext in Perpetua
als großer Beispieltext in Perpetua


Perpetua Titling MT

als kleiner Beispieltext in Perpetua Titling MT
als großer Beispieltext in Perpetua Titling MT


Seitenanfang bol.de - einfach rund! Seitenende

Playbill

als kleiner Beispieltext in Playbill
als großer Beispieltext in Playbill


PMingLIU

als kleiner Beispieltext in PMingLIU
als großer Beispieltext in PMingLIU


Pristina

als kleiner Beispieltext in Pristina
als großer Beispieltext in Pristina


Rage Italic

als kleiner Beispieltext in Rage Italic
als großer Beispieltext in Rage Italic


Rockwell

als kleiner Beispieltext in Rockwell
als großer Beispieltext in Rockwell


Rockwell Condensed

als kleiner Beispieltext in Rockwell Condensed
als großer Beispieltext in Rockwell Condensed


Rockwell Extra Bold

als kleiner Beispieltext in Rockwell Extra Bold
als großer Beispieltext in Rockwell Extra Bold


Roman

als kleiner Beispieltext in Roman
als großer Beispieltext in Roman


RRKeyCaps-Normal

als kleiner Beispieltext in RRKeyCaps-Normal
als großer Beispieltext in RRKeyCaps-Normal


Script

als kleiner Beispieltext in Script
als großer Beispieltext in Script


Script MT Bold

als kleiner Beispieltext in Script MT Bold
als großer Beispieltext in Script MT Bold


SimSun

als kleiner Beispieltext in SimSun
als großer Beispieltext in SimSun


Smalls Fonts

als kleiner Beispieltext in Smalls Fonts
als großer Beispieltext in Smalls Fonts


Snap ITC

als kleiner Beispieltext in Snap ITC
als großer Beispieltext in Snap ITC


Stencil

als kleiner Beispieltext in Stencil
als großer Beispieltext in Stencil


Symbol

als kleiner Beispieltext in Symbol
als großer Beispieltext in Symbol


Tahoma

als kleiner Beispieltext in Tahoma
als großer Beispieltext in Tahoma


Tastatur

als kleiner Beispieltext in Tastatur
als großer Beispieltext in Tastatur


Tempus Sans ITC

als kleiner Beispieltext in Tempus Sans ITC
als großer Beispieltext in Tempus Sans ITC


Times New Roman

als kleiner Beispieltext in Times New Roman
als großer Beispieltext in Times New Roman


Seitenanfang Aktuelle Buch-Highlights bei bol.de Seitenende

Trebuchet MS

als kleiner Beispieltext in Trebuchet MS
als großer Beispieltext in Trebuchet MS


Tw Cen MT

als kleiner Beispieltext in Tw Cen MT
als großer Beispieltext in Tw Cen MT


Tw Cen MT Condensed

als kleiner Beispieltext in Tw Cen MT Condensed
als großer Beispieltext in Tw Cen MT Condensed


Tw Cen MT Condensed Extra Bold

als kleiner Beispieltext in Tw Cen MT Condensed Extra Bold
als großer Beispieltext in Tw Cen MT Condensed Extra Bold


Vacation MT

als kleiner Beispieltext in Vacation MT
als großer Beispieltext in Vacation MT


Verdana

als kleiner Beispieltext in Verdana
als großer Beispieltext in Verdana


Viner Hand ITC

als kleiner Beispieltext in Viner Hand ITC
als großer Beispieltext in Viner Hand ITC


Vivaldi

als kleiner Beispieltext in Vivaldi
als großer Beispieltext in Vivaldi


VivaldiD

als kleiner Beispieltext in VivaldiD
als großer Beispieltext in VivaldiD


Vladimir Script

als kleiner Beispieltext in Vladimir Script
als großer Beispieltext in Vladimir Script


Webdings

als kleiner Beispieltext in Webdings
als großer Beispieltext in Webdings


Wide Latin

als kleiner Beispieltext in Wide Latin
als großer Beispieltext in Wide Latin


Wingdings

als kleiner Beispieltext in Wingdings
als großer Beispieltext in Wingdings


Wingdings 2

als kleiner Beispieltext in Wingdings 2
als großer Beispieltext in Wingdings 2


Wingdings 3

als kleiner Beispieltext in Wingdings 3
als großer Beispieltext in Wingdings 3


130. Schriftart: MotterFemD

als kleiner Beispieltext in Webdings
als großer Beispieltext in Webdings

Hier endet meine Schriftensammlung!

Seitenanfang Seitenende


  Zurück zur Startseite Webdesign  




Hinweis: Hiermit distanziere ich mich ausdrücklich von allen Inhalten aller gelinkten Seiten meiner Homepage nach außerhalb und mache mir diese Inhalte nicht zu eigen. Diese Erklärung gilt für alle auf dieser Website angebrachten Links, einschließlich meiner Unterseiten (Homepage Karl-Heinz Herrmann und HTML-Tipps).