
26
Create animations using the Timeline
Last updated 6/15/2014
• word-spacing. Varies the distance between words. Use carefully or you may end up with awkward, hard-to-read
text.
Using Web Fonts
There’s another way to increase the number of typefaces you use in your Animate animations. For years, web designers
have been using web fonts. For programs, including web browsers, to display a specific font, they need to have access
to the font description. Usually, that description resides on the same computer as the program—sometimes called the
client. Web fonts work a little differently. For example, with Google’s web fonts (www.google.com/webfonts), the
definitions for the fonts are stored on Google’s servers. As a web designer, you can use these fonts by adding code to
your pages that tell browsers where to find the font descriptions.
First, find the web font you want to use. Google web fonts a
re fr
ee and surprisingly easy to use, so they’re a great
candidate for your first attempt. Here are the steps to selecting a Google web font and grabbing the code you need to
identify it in your project:
1 In your web browser, go to: www.google.com/webfonts. You see a page displaying font samples. There are hundreds,
so the widgets on the left help you filter the fonts. The buttons at the bottom of the page direct you to the three steps
for a successful web font hunt: Choose, Review, and Use.
2 On the left, below the word Filters, click the drop-down menu. Choose from Serif, Sans-Serif, Display, and Hand
Writing. The menu uses checkboxes, so you can choose a combination of characteristics. For example, you could
use Sans-Serif and Display.
3 If necessary, use the Thickness, Slant, and Width sliders to narrow your font search. With so many choices, it helps
to thin the crowd of fonts displayed on the screen.
4 Use the tabs at the top of the font window to change the display to Word, Sentence, or Paragraph.
If you’re looking for a font for headings, the Word or Sentence tab is the best choice. If you’re choosing a font for
bod
y text, make sure you check its appearance with the Paragraph option.
5 Click the blue “Add to Collection” button. You can have more than one font in a collection, but for page-rendering
speed and good design, you’ll want to limit the number of fonts you use.
6 Click Review. This step may not always be necessary, but as the name implies, on this page you can take a closer
look at your font in use as a headline or paragraph.
7 Click Use. A new page loads with instructions for using the fonts on your web site. Part way down the page is a blue
box with the heading “Add this code to your website”; see Figure 3.
Comentários a estes Manuais