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
Dokumentation
TYPO3 - AMP
Accelerated mobile pages (kurz: AMP für "Beschleunigte mobile Seiten") sind "lade-optimierte" Websites, speziell entworfen für mobile Geräte wie Smartphones und Tablets.