HTML5 Features:

Web Font Manager

include any font in your web design easily

Using stylish fonts in web design has always been more complicated than it should be, even with the advent of web fonts. But now, the Web Font Manager in Creator and Opus Pro makes it easy to use custom fonts in your HTML5 web design, in a WYSiWYG editor and without scripting...

The web font manager allows...

• use any of your existing fonts in anywhere in your web design
• select web fonts directly from your Opus font picker
• incorporate Google fonts without scripting
• design intuitively - mix fonts inline in a WYSiWYG editor

view HTML5 Web Fonts Showcase

The Web Font Manager lets you use different sets of fonts within the same HTML5 document (including all your existing Windows fonts) and to include web fonts easily. Web fonts can be displayed in your font list alongside Windows fonts and used freely in the Opus Editor.

When you publish to HTML5 the text will be output according to the options you have in place for each set of fonts.

Output Options

Assign appropriate settings for each set of fonts via the Edit button:

• Publish Font - copies the web font files with your HTML to use them locally.
• Google Font - automatically uses the font from the Google font server.
• Render Font - converts the font into an SVG version,
• Do not publish - assumes the font is available on the user's system and does not need special support.

By default all your existing Windows fonts will be set to Render except for Arial, Times and Courier New which are considered "web safe" and are not published. We have also included some examples of Google fonts (Noto Sans and Droid Sans) to get you started but you can easily include any of those available from Google or convert existing fonts (check they have appropriate licences) using a service such as FontSquirrel.

Font Listing

The different settings for the fonts are highlighted with different background colours in the font list so you can select the font to use.

• Published Font - light purple background.
• Google Font - dark purple background
• Render Font - standard white background
• Do not publish - light blue background.