Google font face - Font combinations and weights

  • Affected Version
    WoltLab Suite 3.0

    HI all,

    How do I add font combinations through the built in font changer in the ACP? I would like to add for example:

    font-family: "Open Sans", "Open" Sans Condensed, Serif;

    With all the font weights included.

    Thanks :)

  • The built-in Google Fonts selection requests the font weights 300 (light), 400 (normal) and 600 (bold) only. These weights are the only ones used in the default CSS and built-in mixins, loading additional weights will have no effect unless you make manual changes.

    Please be advised that each font and weight comes at a slight performance penalty, because the browser needs to request and download these fonts, especially low-end devices and cellular connections are affected by this.

    You can make use of the built-in integration, but it is limited to the sets of weights listed above. Technically, you can include any Google Webfont through custom CSS, it is even provided on the Google Webfont site.

    Alexander Ebert
    Senior Developer WoltLab® GmbH

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!