Adapt your contents to Macintosh

As you may have noticed, the Macintosh system displays fonts in a smaller size than the PC system does. If you want your site to stay legible on both platforms, use this small script.

Place this JavaScript snippet in your page head:

<SCRIPT language="JavaScript">
<!--
var s="";
if (navigator.appVersion.indexOf("Mac") != -1) {
s="Mac";
}

function writeFont() {
document.write("</font><font size=\"3\" face=\"Arial, Helvetica\">");
}
// -->
</SCRIPT>

You must call up this script each time you insert a text in your page, just after the <font> tag. To do this, use the following code:

<FONT size="2" face="Arial,Helvetica">
<SCRIPT language="Javascript">
<!--
if (s == "Mac") {writeFont();}
//-->
</SCRIPT>
Your text.
</FONT>

Whichever font you use, your texts will be of the same size, both on a PC and on a Macintosh.

Discover all Webmaster tips.