7. Fonts

ConvergeUI provides a set of fonts in a variety of formats for cross-browser support. These fonts are declared in corresponding SCSS files using the font-face directive.

7.1. Provided Fonts

The fonts and flavors provided by ConvergeUI are:

Liberation Sans

  • Regular
  • Bold
  • Italic
  • Bold Italic


  • Regular
  • Overpass Bold

7.2. Provided Formats

Each font provided by ConvergeUI is provided in the following formats:

  • Embedded OpenType (*.eot)
  • Scalable Vector Graphic (*.svg)
  • TrueType (*.tff)
  • Web Open Font Format (*.woff)

7.3. Font-Face Directive

For a given font, an SCSS file is provided that declares the various flavors of the font using the font-face directive. The following is an example how the ‘Liberation Sans Regular’ font type would be declared within the ‘fonts/liberation.scss’ file. Note this file would also include the declarations for other flavors of the font (e.g. bold, italic).

@font-face {
        font-family: 'Liberation Sans';
        src: local('Liberation Sans'), local('LiberationSans'), local('Liberation-Sans'),
             font-url('LiberationSans-Regular-webfont.eot?#iefix') format('eot'),
             font-url('LiberationSans-Regular-webfont.woff') format('woff'),
             font-url('LiberationSans-Regular-webfont.ttf') format('truetype'),
             font-url('LiberationSans-Regular-webfont.svg#webfontLfr8h6FA') format('svg');
        font-weight: normal;
        font-style: normal;

Project Versions

Table Of Contents

Previous topic

6. Javascript

Next topic

8. Images

This Page