Loading...
Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

How can I use Web-Fonts in AMP-Views?

First of all, you need to enable the font Library. You also have to insert the HTML-Tag for including a Font into the headerDataTypoScript node. Just insert this TypoScript into your Extension-Template on your Detail-Page.

plugin.tx_amp {
  settings {
    amp {
      libraries {
        font = 1
      }
      # Add some header data
      headerData (
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400">
      )
    }
  }
}

Attention:

Not every CDN (Content delivery network) is allowed to include Web-Fonts on AMP-Pages. For more information visit: www.ampproject.org/docs/guides/responsive/custom_fonts

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
Z8J_________9E4______
__Y____2____7_D___RES
WC3___3I9___1KH______
__Q____N______3___A5R
DH9_________N6F______