Loading...
zurück
zurück
    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 Erweiterung

    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.

    Produkt Übersicht Produkt anzeigen
    Menü

    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 
    76E_________J68______
L_E____Y____7_8___IFL
8_U___7OO___P56______
C_1____Z____E_U___J8J
TAC_________KIY______