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
GJ9_________GWP______
R______8______B___EAK
QSX___8CR___ZSF______
C_D____Z______P___9Y1
EQO_________6BW______