Creating media, font, and page rules


    You can specify media, font, and page information using CSS rules:

    • Use the @media rule to specify styles for different types of media. For example, use @media to specify the font size for print media and a separate font size for the screen.
    • Use the @font-face rule to specify a font and its URL location to ensure the font will display on systems without it.
    • Use the @page rule to specify the size of pages.

To create an @media, @font-face, or @page rule:

  1. Open the CSS Editor for the page or .css file.
  2. In the CSS Definitions tab, click an empty area to display the Create buttons on the right side of the Editor.
  3. Expand the Advanced section and do one of the following:
    • Click the Create @media button and choose the media type from the Media menu. In the Source tab, enter the property and value pairs for the rule. (See Editing cascading style sheets manually.)
    • Click the Create @font-face button; then click the Create New Item button. In the Font Source tab, specify the URL of the font, and in the Font Styling tab, specify font properties.
    • Click the Create @page button. Choose a selector from the Selector menu, and then choose the type of marks you want from the Marks menu. Enter the margin and size settings for the selector.