Suitcase Fusion 3 User Guide for Mac OS - Extensis

Estimating Font Usage and Cost
In order to estimate the usage of the fonts in your Type Drawer, and so what your monthly cost might be, you
should understand a little about how WebINK fonts are delivered and used, and you will need to make some
assumptions about your visitors.
Because different browsers support different downloadable font formats, the font file that WebINK delivers for
one browser may be a different size than the same font is for another browser. The difference in size will
generally not be much and is taken into account in your actual billing, but for estimating purposes you can use
an average font size.
When a browser loads your web page for the first time, it downloads the fonts for that page and stores them on
the visitor’s computer. Each time the font is downloaded to a computer, this is counted in your bandwidth
usage. However, this doesn’t mean that every time a person visits a page on your website that you get charged
for it. The browser will use the local copy of the font that it downloaded as long as it is available. This caching of
resources is under the user’s control and depends on their browsing habits. Typically a font may remain in the
browser’s cache for as long as a day, so when a user visits your website and moves through its pages, the fonts
will only be downloaded once. If they visit your site every day, it is likely that the fonts will stay in their cache for
all that time.
Suppose you have five fonts in your Type Drawer, each about 40kb in size. (Most fonts available in the WebINK
service are between 35kb and 50kb.) Now suppose that your website has 10,000 visitors in a month. This gives
you a bandwidth of 5 fonts (times) 40,000 bytes per font (times) 10,000 downloads per month or
5 × 40 000 × 10 000 = 2 000 000 000
or roughly 2 gigabytes per month.
Using WebINK on Your Websites
WebINK makes it straightforward to upgrade your existing sites to use custom fonts and to plan your new sites
around this exciting capability. The tools provided within Suitcase Fusion allow you to:
• Preview fonts in the WebINK Library
• Preview a web page with WebINK fonts replacing the fonts in specific elements of the page
• Print the customized web page preview for reference or client approval
• Add the fonts in the WebINK Library to a Type Drawer
• Generate the required CSS from the Type Drawer
Previewing a Website or HTML file
To preview a website in Suitcase Fusion:
1. If you are not already connected to the WebINK service, choose File > Connect to WebINK and enter
your username and password.
2. Choose Web Preview from the Preview Type menu at the bottom of the Suitcase Fusion window.
3. Enter the address of the website or specific page that you want to preview in the address bar at the top of
the preview panel, then press Return.
To preview an HTML file in Suitcase Fusion:
1. Choose Web Preview from the Preview Type menu at the bottom of the window.
2. Click the drop-down button at the end of the address bar and choose Browse.
3. Select the file you want to preview.
Customizing the Preview
You can customize the Web Preview by applying a WebINK font to any text element on the page, or to the entire
page.
In order to preview WebINK fonts, you need to connect to the WebINK service. You can then use fonts from the
WebINK Library or any of your Type Drawers. You can even mix fonts from multiple sources on the preview.
NOTE: Although you can use fonts from your local system in the Web Preview, you will not be able to add those
fonts to a Type Drawer.
- 88 -