Vorschlag: font-family: Standartlayout mit Beispiel

[mjchael]

Ich möchte Vorschlagen folgende (evtl. noch zu verbessernde) Standard-Layouts für Schriftarten mit  bei font-family oder bei "Css für verschiedene Medien" mit anzuführen.

Gedacht ist eine Windows-Schrift, eine Linux-Schrift und eine default-Schrift zum Ausdrucken

Und eine Version für den Screen, die besonders gut leserlich ist.
Ich suche dauernd nach genau dieser Zusammenstellung  und möchte mich bei den Profis erkunden, ob die Schriftenzusammenstellung stimmt, ergänzt werden oder durch bessere bzw. üblichere Schriftarten ersetzt werden sollte.

<style type="text/css">
<!--
@media print {
  /* ... zum Drucken geeignete Schriften ... */
   h1 h2 h3 {font-family: Arial, Helvetica, sans-serif;}
   p {font-family:"Times New Roman", Times, serif;}
   pre {font-family:"Courier New", Courier, monospace;}
}
@media screen{
  /* ... zur Bildschirmausgabe gut leserliche Schriften ... */
  h1 h2 h3 {font-family:Verdana, Arial, Helvetica, sans-serif;}
  p {font-family:Georgia, "Times New Roman", Times, serif;}
  pre {font-family:"Courier New", Courier, monospace;}
}
-->
</style>

[Jonathan]

Gedacht ist eine Windows-Schrift, eine Linux-Schrift und eine default-Schrift zum Ausdrucken

Wo ist denn die Linux-Schrift?

@media print {
  /* ... zum Drucken geeignete Schriften ... */
   h1 h2 h3 {font-family: Arial, Helvetica, sans-serif;}
   p {font-family:"Times New Roman", Times, serif;}
   pre {font-family:"Courier New", Courier, monospace;}
}

Ich finde zwar, dass es auch schönere Serifenschriften als Times (New Roman) gibt, aber damit lässt sich leben.

h1 h2 h3 {font-family:Verdana, Arial, Helvetica, sans-serif;}

Verdana ist zwar relativ gut lesbar, hat aber genau wie Courier New keine anständigen deutschen Anführungszeichen. Beweis: „Zitat“

p {font-family:Georgia, "Times New Roman", Times, serif;}

Eine serif-Schrift für die Bildschirmanzeige? *schauder*

pre {font-family:"Courier New", Courier, monospace;}

Annehmbar. Mit gefallen zwar serifenlose Schriften besser, aber das hängt wohl vom Kontext auf der Webseite und von dern Vorlieben des Benutzers ab.