FF: Fonts

Overview

Fonts are always required in print outputs always, but also increasingly in e-books and websites.

The application of fonts to an FX XHTML file via CSS is strictly presentation and styling. It has no effect on the tagging patterns.

However it is of such importance it must be addressed as part of the overall FX packaging concept, and especially where generic font selectors are used to define the appearance.

Font Schemes

FX supports the concept of font schemes. A font scheme is a designer selected set of font-faces that are to be applied to specific structural or semantic selectors.

This enables multiple font-schemes to be built up

Font selectors

Fonts can be applied to selectors on an arbitrary basis by font-family name associated with the font.

A more generic and often more useful and productive approach is to use generic font-family names and then fonts only have to be mapped to the generic names.

bodytext-1

bodytext-2

bodytext-3

bodytext-alt-1

bodytext-alt-2

bodytext-alt-3

decoration-1

decoration-2

decoration-3

decoration-4

decoration-5

titleblock-1

titleblock-2

titleblock-3

titleblock-4

titleblock-5

book-titleblock-1

book-titleblock-2

book-titleblock-3

book-titleblock-4

book-titleblock-5

heading-1

heading-2

heading-3

heading-4

heading-5

heading-6

block-1

block-2

block-3

block-4

block-5

block-heading-1

block-heading-2

block-heading-3

block-heading-4

The required font-family is set in the

@font-face {

    font-family: bodytext-1;
    font-weight: ;
    font-style: ;
    font-variant:  ;
    font-stretch:  ;
    src: url(fonts/minionpro.otf);

   }