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
6___________II5______
X_K____N____B_4___Y3X
6D1___4JY___KQK______
__Q____6______9___PC7
__2_________1DS______