Graphics Programs Reference
In-Depth Information
10.
Choose Select > Deselect, and then choose File > Save.
Working with character styles and CSS code
Illustrator will create CSS styles based on text formatting, as well. Formatting, such as font
family, font size, leading (called
line-height
in CSS), color, kerning and tracking
(collectively called
letter-spacing
in CSS), and more, can be captured in the CSS code. In
order for you to create styles that are named, for text, you create and apply Character styles
to the text in your design. Any Character styles that you use in your design are listed in the
CSS Properties panel and are generated with the same name as the character style.
Note
Currently, paragraph styles are not taken into account when naming styles in
the CSS code that is generated.
Next, you will apply a Character style to text.
1.
In the CSS Properties panel, notice the style named [Normal Character Style], toward
the top of the panel.
In the CSS Properties panel, only Character styles that are applied to text appear. The
Normal Character Style is applied to text by default, so it appears in the panel.
2.
Choose Window > Type > Character Styles to open the Character Styles panel.
3.
Select the Type tool (T) in the Tools panel. Select the heading text “Welcome to
Venice.”
4.
Alt-click (Windows) or Option-click (Mac OS) to apply the character style named h1
in the Character style panel. The text should now be orange and larger in size.
