MacEdition CSS Guides: iCab 2.8.x and Lucida

For reasons that are not entirely clear, iCab 2.8.x on OS X treats the Lucida Sans font family as whatever your default sans serif font is, despite the Lucida Sans font actually being installed on the computer (eg because Office X is installed). Other browsers on OS X (IE, Mozilla, Opera, OmniWeb) do not do this, even on the same machine with the same fonts. The fix is to order Lucida Grande before Lucida Sans in the stylesheet. Since all Macs running OS X have Lucida Grande installed, the browser will use this font in preference to Lucida Sans.


Lucida Sans after Lucida Grande. This looks like Lucida.
font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;

Lucida Sans before Lucida Grande. This looks like Arial on iCab if Arial is your default sans-serif (which it is in the standard settings), but not on other browsers.
font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif;

Lucida Sans before both Lucida Grande and Lucida Sans Unicode. This looks like Arial on iCab if Arial is your default sans-serif (which it is in the standard settings), but not on other browsers.
font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif;

Lucida Sans before both Lucida Grande and Lucida Sans Unicode, quoted with "double quote" not 'single quotes'. This looks like Arial on iCab if Arial is your default sans-serif (which it is in the standard settings), but not on other browsers.
font-family: "Lucida Sans", 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif;

Lucida Sans before both Lucida Grande and Lucida Sans Unicode, without quote marks. This looks like Arial on iCab if Arial is your default sans-serif (which it is in the standard settings), but not on other browsers.
font-family: Lucida Sans, 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif;

Arial before Lucida Sans before both Lucida Grande and Lucida Sans Unicode, without quote marks. This looks like Arial on iCab, and on other browsers.
font-family: Arial, Lucida Sans, 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, sans-serif;

Arial before Lucida Grande before both Lucida Sans and Lucida Sans Unicode, with quote marks. This looks like Arial on iCab, and on other browsers.
font-family: Arial, 'Lucida Grande', LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', Geneva, sans-serif;

Geneva before Lucida Grande before both Lucida Sans and Lucida Sans Unicode, with quote marks. This looks like Geneva on iCab, and on other browsers.
font-family: Geneva, 'Lucida Grande', LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', Arial, sans-serif;

Lucida Sans before Lucida Grande; Arial doesn't appear anywhere, but it still looks like it in iCab if Arial is your default sans-serif (which it is in the standard settings).
font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, sans-serif;

CodeBitch.
Last updated: 1 October 2002