Working with CSS font families

The CSS (Cascading Style Sheets) standard makes it possible to create font families, which are groups of fonts that can be associated with text in HTML text boxes. Typically a font family will start with a very specific font (such as Agency FB), then list some similar but more common fonts that are generally available on most platforms (such as Arial and Helvetica), and then finally a “generic” font: Serif, Sans-serif, Cursive, Fantasy, or Monospace.

To create a CSS font family:

  1. Choose Edit > CSS Font Families. The Font Families dialog box displays.
    QuarkXpress db font families for Working with CSS font families

    Set up font families in the Font Families dialog box.

  2. Click New. The Edit Font Family dialog box displays.
    QuarkXpress db edit font family Working with CSS font families

    You can indicate which fonts are members of a font family using the Edit Font Family dialog box.

  3. Choose a generic font from the Generic Font drop-down menu.
  4. To add fonts to the font family, use the arrow buttons. Use the Move Up and Move Down buttons to change the priorities of the fonts in the family (higher in the list means higher priority).
  5. Click OK.

To use a font family, simply apply the first font in the font family to text in an HTML text box.

Working with CSS font families