How To

Webfonts backend module

The Webfonts backend module is an comfortable way to install fonts. I is very useful during development to quickly test another font.

../_images/backend-module.png

TypoScript

It is also possible to use TypoScript to install webfonts. The extension will install the font automatically.

plugin.tx_webfonts.settings {
  fonts {
    advent-pro {
      id=advent-pro
      provider=google_webfonts
      variants=regular,700
      charsets=latin,greek
    }
  }
}

Tip

Behind the scenes the app consumes the google-webfonts-helper API. You can browse all the fonts, variants and charsets available.

Hint

Technically you can use both methods to install webfonts. However, it is probably better to stay with one to avoid confusion.