Loading...
Navigation überspringen
Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.

Wie verwende ich Web-Fonts in AMP-Views?

Zunächst musst Du die font Library aktivieren. Zusätzlich musst Du das HTML-Tag einfügen, um einen Font in den headerDataTypoScript-Knoten aufzunehmen. Füge einfach dieses TypoScript in Deine Erweiterungsvorlage auf Deiner Detailseite ein.

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">
      )
    }
  }
}

Beachtung:

Nicht jedes CDN (Content Delivery Network) darf Web-Fonts in AMP-Pages einbinden. Weitere Informationen findest Du unter: www.ampproject.org/docs/guides/responsive/custom_fonts

Kontaktanfrage

Du kannst uns jederzeit kontaktieren

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
3FC_________FRW______
__L____M______Z___K94
__7___7U3_____M______
__1____N______E___WQC
__D___________6______