27.02.2013 Views

Suitcase Fusion 3 User Guide for Mac OS - Extensis

Suitcase Fusion 3 User Guide for Mac OS - Extensis

Suitcase Fusion 3 User Guide for Mac OS - Extensis

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Opening and Using the WebINK Library<br />

Once connected to the WebINK service, you can browse available fonts by opening the WebINK Library. To<br />

open the library, click on the icon.<br />

The WebINK Library lists thousands of fonts available <strong>for</strong> use in your Type Drawers. You can use many of the<br />

same tools <strong>for</strong> locating and previewing fonts in the WebINK Library as are available to use in your desktop font<br />

management practices.<br />

To sort the list of library fonts, click the heading of any column.<br />

Use QuickFind to filter the list of fonts. Enter some text in the QuickFind field, and only fonts with that text in the<br />

name, foundry, class, or family will be displayed. For example, typing ab in the QuickFind field might display<br />

(among others) Amicable, BossaNovaBold, and several fonts with the “Slab serif” classification.<br />

CSS Basics<br />

The pages in this section provide an introduction to some of the concepts and benefits of CSS, especially how it<br />

relates to using WebINK fonts on your websites.<br />

If you haven’t started using CSS on your web pages, there is no time like the present.<br />

What is CSS?<br />

Despite the power inherent in CSS, the concept of style sheets and the basics of web styles are fairly<br />

straight<strong>for</strong>ward.<br />

Terminology<br />

• rule - the definition of how a browser should display an HTML element<br />

• selector - the HTML element that you want to style<br />

• declaration - a property of the HTML element that you want to change, and the value that you want that<br />

property to have<br />

• property - the style attribute of an HTML element, such as color or size<br />

• value - the actual look you want the HTML element to have, such as blue or 10pt<br />

At its most basic, a rule consists of a selector and one or more declarations:<br />

Selector Declaration Declaration<br />

p { color : blue ; font-size : 10pt ; }<br />

Property Value Property Value<br />

Cascading<br />

You can have multiple style sheets <strong>for</strong> your web page that “cascade” together to define the overall look of your<br />

page. Rules can be defined in multiple places, and where a rule is defined determines its priority. You can even<br />

define one property <strong>for</strong> an element (such as color) in one style sheet, and define another property (such as<br />

font-size) in a different style sheet. If you tell your web page to use both those style sheets, then your<br />

elements will inherit the color from one style sheet and the font-size from the other.<br />

- 75 -

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!