<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Schriftgr&ouml;&szlig;enproblem Windows - Mac - Cascading Style Sheets - Workshop Internet-Pr&auml;senz</title>

 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="Content-Language" content="DE" />

 <meta name="description"
  content="&Uuml;bung Cascading Style Sheet. Behandlung des Schriftgr&ouml;&szlig;enproblems bei Anzeige auf Windows und Macintosh." />
 <meta name="keywords" content="HTML, Cascading Style Sheet, Font, Schrift, Font size, Schriftgr&ouml;&szlig;e, Windows, Macintosh" />
 <meta name="author" content="Roland Unger" />

 <link rel="stylesheet" type="text/css" href="css_mac.css" title="Main Style Sheet" />

 <script language="JavaScript" type="text/javascript">

 if ((navigator.appVersion.indexOf("Win") >= 0)) {
  document.write("<link rel=\"stylesheet\" href=\"css_win.css\" title=\"Main Style Sheet\" \/>"); }

 // Im Falle von Windows wird eine zweite Stilvorlage nachgeladen, die im Sinne der
 // Kaskadierung (CSS) die erste Definition vollstaendig ueberschreibt.

 </script>

</head>

<body>

<h2>Workshop Internet-Pr&auml;senz</h2>
<h3>Cascading Style Sheet: Schriftgr&ouml;&szlig;enproblem Windows&nbsp;- Macintosh</h3>

<p>In Punkt (pt) angegebene Schriftgr&ouml;&szlig;en erscheinen auf Windows- und
Macintosh-Rechnern in deutlich unterschiedlicher Gr&ouml;&szlig;e, die Darstellung auf
Macintosh-Rechnern ist kleiner. Die Ursache liegt darin, dass Windows-Systeme die
Umrechnung von Papierl&auml;ngenma&szlig;en auf Bildschirmpunkte (Pixel, px) mit
96&nbsp;dpi (dots per inch), Macintosh-Systeme dagegen mit 72&nbsp;dpi vornehmen.
Die Ausgabe auf Windows-Rechnern ist daher um (96/72&nbsp;-&nbsp;1)&nbsp;&times; 100&nbsp;%
=&nbsp;33&nbsp;% gr&ouml;&szlig;er.</p>

<p>Man kommt letztendlich nicht umhin, f&uuml;r beide Plattformen verschiedene
Formatvorlagen zu schreiben, die sich nur in der Schriftgr&ouml;&szlig;e unterscheiden.
Den Austausch &uuml;bernimmt im vorliegenden Fall ein einfaches JavaScript-Skript;
wenn JavaScript deaktiviert ist, wird immer die Formatvorlage f&uuml;r den Macintosh
gew&auml;hlt.</p>

</body>
</html>