Specifications

- 8 -
Suitcase Fusion and Web Fonts
You may have noticed that many websites share the same tired look for their text content. This is because web
developers restrict themselves to using a limited set of common "web fonts" in order to ensure their pages display
properly in most situations.
Recent advances in browsers and web standards allow web developers to use fonts that are not necessarily installed
on the end user's computer. This is done by including a style sheet that references a font that resides on a web
server. The font doesn't even need to be on the same server that hosts the website!
This opens up a whole new world of typographic possibilities for web developers and even the "weekend
webmaster." Fonts can be hosted on a web server and used in as many different scenarios as you can imagine.
Up until now, hosting fonts on a web server has been problematic if not impossible for many. Will your web host
allow you to upload fonts? Does your font license allow you to share the font in this way? Do you have the correct
formats for all available browsers? How can you prevent others from illegally using the font that you have purchased?
Enter Extensis and the WebINK font rental service. WebINK delivers professional, high-quality fonts to your website at
very low cost.
WebINK allows you to browse and preview fonts, test them on your website, then generate the necessary CSS to
include them in your live site. In most cases, you will need to change just one file on your site to give it a new,
professional look.
Unlike other methods of using web fonts, WebINK does not generate static images of your text, does not require
JavaScript or Flash, does not require any end-user setup, and does not require special handling for specific
browsers. All that you need to do is choose your fonts and add the CSS to your site.
Suitcase Fusion gives you direct access to WebINK, so you can search for fonts, preview your website, and generate
the necessary CSS from the same font manager that you use for your desktop workflow.
Using WebINK fonts on your website is a straightforward process. There is some setup involved, and after that you
only need to select fonts, export a CSS file, and integrate that CSS into your website.
Here are the basic steps you need to follow in order to access the WebINK service, set up the service to work with a
website, select custom fonts, and add the style sheet to your site.
1. Install Suitcase Fusion.
Besides managing your desktop fonts, Suitcase Fusion provides the tools you need to find and try fonts for
your website, and create the style sheet enhancements you'll need to use those fonts.
2. Create a WebINK account.
Suitcase Fusion gives you the option to do this the first time you run it. Tell us your name, email address and
other contact information.
3. Log in to your account using Suitcase Fusion.
4. Create a Type Drawer and add sites to it.
A Type Drawer holds the fonts you want to use and the sites you want to use those fonts on.
5. Find fonts for your site and add them to the Type Drawer.
The WebINK Library holds hundreds of high-quality fonts from major type foundries. Suitcase Fusion allows
you to preview your website with WebINK fonts in any elements on your page.
6. Export the CSS for your Type Drawer.
7. Add the CSS to your website's style sheet then republish your style sheet.
Your website will be updated immediately!