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

Last change: 2023-09-08

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
9U9_________Y2T______
__7____9____X_____WP6
__B___FF6___MZX______
__B____H______A___IX6
__B_________SD4______
Dein Online-
Adventskalender
Entdecken →
Dein Online-
Adventskalender
Entdecken →