Suitcase Fusion 3 User Guide for Mac OS - Extensis

{ font-family: GrotesqueB, "Arial Bold", Arial-Bold, Arial, sans-serif; }
b i { font-family: GrotesqueBI, "Arial Bold Italic", Arial-BoldItalicMT, Arial,
sans-serif; }
i b { font-family: GrotesqueBI, "Arial Bold Italic", Arial-BoldItalicMT, Arial,
sans-serif; }
Note also that we use styled font names in the fallback stack so that if the browser does need to use a different
font, your style intentions are still maintained. To accommodate different browsers on different platforms, we
include both the English font name and the Postscript name (such as Arial-ItalicMT).
Obviously, depending on your preferred approach, you won’t need to define both b i and i b combinations.
However, if you use a different face for headings (h1, h2, and so on) for example, you may find that you will need
to specify bold or italic (or both) for those tags:
@font-face {
font-family: SlabberHeavy;
src: url('http://fnt.webink.com/wfs/?drawer=00000000-0000-0000-0000-
00000000&font=FFFFFFFF-FFFF-FFFF-FFFF-FFFFFFFF'); }
@font-face {
font-family: SlabberHeavyItalic;
src: url('http://fnt.webink.com/wfs/?drawer=00000000-0000-0000-0000-
00000000&font=FFFFFFFF-FFFF-FFFF-FFFF-FFFFFFFF'); }
h1 {font-family: SlabberHeavy, "Arial Bold", Arial-Bold, sans-serif; }
h1 i {font-family: SlabberHeavyItalic, "Arial Bold Italic", Arial-BoldItalicMT,
Arial, sans-serif; }
Compatible Browsers
WebINK uses the @font-face capability of a browser to deliver fonts. Different browsers offer different levels of
support for this capability. WebINK handles the required font formats for most browsers behind the scenes.
Some browser implementations don’t support @font-face, and some have limited support; the sections below
offer suggestions for supporting these browsers.
For the most up-to date list of supported browsers and the font formats that WebINK can deliver to them, please
visit the Extensis website at http://www.extensis.com/en/WebINK/support/browsers.jsp.
NOTE: Internet Explorer does not support using font-weight or font-style within the @font-face
declaration. Because of this, WebINK does not utilize this linking capability of @font-face for any browser; see
Integrating the WebINK CSS into your Website for a solution.
SVG Fonts
Some browsers only support the SVG format for downloadable fonts. Unfortunately, because SVG is a graphics
format and not specifically a font format, it generally provides an inferior experience when used to serve web
fonts. As of May 2011, WebINK has dropped the experimental support for SVG fonts and instead has focused
on providing high-quality fonts in more traditional formats, including the emerging WOFF standard, which has
seen increased support in all browsers.
- 92 -