A domanda rispondo - sezione Macintosh

Web: dimensione dei testi su Mac e PC

Non mi riesce più di trovare il numero di Macworld in cui mr. Akko spiegava il trucco in javascript per fare in modo che l'ingombro del testo contenuto in una pagina html concepita su Mac non aumenti troppo quando si vede su un sistema Win (per via della diversa risoluzione 72-96 dpi con cui i due sistemi rappresentano i caratteri a video).

Stefano Ricci

Era nella terza puntata del mio corso di HTML. Rieccole.

<SCRIPT LANGUAGE="JavaScript">
<!--
if (navigator.platform) { // Non esiste in IE 3.0
 if ((navigator.appVersion.indexOf("Win") != -1)) {
  document.write ("<BASEFONT SIZE=2>"); }
 else {
  document.write ("<BASEFONT SIZE=3>"); }
  }
else {
 document.write ("<BASEFONT SIZE=2>"); }
//-->

In fondo alla pagina va messa la chiusura, così:
</BASEFONT>



Già che ci siamo, lo stesso trucco si può applicare in modo molto più
elegante se si fa uso dei cascading style sheet, che però richiedono i
browser di quarta generazione o oltre. In questo caso scriveremo:

<SCRIPT LANGUAGE="JavaScript1.1">
<!--
if ((navigator.appVersion.indexOf("Win") != -1)) {
document.write("<LINK REL=stylesheet HREF="../win.css"
TYPE="text/css">");
}
else {
document.write("<LINK REL=stylesheet HREF="../mac.css"
TYPE="text/css">");
}
//-->
</SCRIPT>

Negli stylesheet per Mac useremo un corpo tipografico normale per lo
schermo, per esempio 12 punti. Su PC invece selezioneremo un font da soli 9
o 10 punti, sapendo che apparirà comunque enorme.

Per Mac:
BODY{
font: normal 12pt/125%
font-family : Verdana, Helvetica, Geneva, sans;
background : white;
}

Per PC:
BODY{
font: normal 10pt/125%
font-family : Verdana, Arial, Helvetica, sans;
background : white;
}