Dynamic Fonts with Cascading StyleSheets:

Here is a sample how Dynamic Fonts can be used in cascading style sheets:

Let's say you use Typograph to create a PFR, which you name "mypage.pfr." You plan to upload this PFR to your web site in the following directory: "http://mysite/path." In your HTML document, you use Chianti Extra Bold for your level 1 heads, Gothic 720 for your body text.

To reference the "Chianti XBd BT" font for all your level 1 headings and the "Gothic720 BT" for all your body text, you could have the following style sheet. Note that you place the following HTML code between the <HEAD> and </HEAD> tags at the top of your HTML document.

The example above states that the preferred font for level 1 heads is Chianti XBd BT, which will match the first @font-face and which a TrueDoc-enabled browser can download. Browsers that cannot handle that particular format or that don't download fonts will use Arial (if it is installed), then Helvetica (if it is installed), then a generic family called sans-serif, which by definition always exists.

The source ("src") for the font data is specified in the @font-face definition. For example, the URL for Chianti XBd BT is "http://mysite/path/mypage.pfr."