--- title: "Tutorials: toujou-Font-Settings – Hier ist toujou." url: "https://www.toujou.de/service/toujou-setup/font-bestimmen/" description: "Der dritte Schritt zu Ihrer individuellen TYPO3-Website: Sorgfältig voreingestellte Google-Font-Paare oder doch was eigenes? So geht's." date: 2018-08-03 modified: 2022-09-27 --- # Tutorials: toujou-Font-Settings – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou Setup](https://www.toujou.de/service/toujou-setup/) 4. [Font bestimmen](https://www.toujou.de/service/toujou-setup/font-bestimmen/) Font Settings ============= Hier bestimmen Sie die Schriftarten und deren Gewichtung innerhalb Ihrer Website. Reiter: »Font« Auf dieser Seite Schritt für Schritt --------------------- [ ![](https://www.toujou.de/_assets/processed/PQ4iUvK-_2sbshnZSUMY20qqw93Ts9_5jdmtQhz8lZw/q:85/c:936:525.84269662921:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAxX1JlaXRlcl9kb3dubG9hZF85NGMyNzAwOTJj:t/cb:b8682718d7dec1043c9ad85fa76f2b8d2dc83e0b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wMV9SZWl0ZXJfZG93bmxvYWQucG5n) ](https://www.toujou.de/_assets/processed/O85BR0In20JheV14tBd1FDp_mzB33oegFUAmy77Dsa8/q:85/w:936/h:585/fn:Y3NtXzAzXzAxX1JlaXRlcl9kb3dubG9hZF80NjFhNGNjYWM4:t/cb:b8682718d7dec1043c9ad85fa76f2b8d2dc83e0b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wMV9SZWl0ZXJfZG93bmxvYWQucG5n) ### Schriftart aktualisieren: - Klicken Sie auf den Reiter **Schriftart**. - Bei *Schriftarten-Download* stellen Sie im Drop-Down-Balken ein, ob die Google-Fonts, mit denen toujou arbeitet, für Ihre Website aktualisiert werden sollen (**aktiv**) oder nicht (**inaktiv**). Voreingestellt in toujou ist die aktivierte Einstellung. Somit werden die Schritarten heruntergeladen und lokal auf einer Website eingebunden, was dem Datenschutz unabhängig von den allgemeinen Consent-Einstellungen gerecht wird. - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. - **Anmerkung**: Neben Google Fonts können Sie auch andere individuelle Schriftarten einbinden. [ ![](https://www.toujou.de/_assets/processed/NprS1rHa2PV03s7JN0_NosckumTlRE_-m3NI4G2dtLM/q:85/c:1436:806.74157303371:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAyX0ZvbnQtU2V0c182NDIzMjdjNGM4:t/cb:563e5bd4f51e7e05d46356df65b6b87109972b2f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wMl9Gb250LVNldHMucG5n) ](https://www.toujou.de/_assets/processed/Hg9OHkVe4yWEY6urEwwwOTZLcGlK3DpQ5U34-M7Bg7w/q:85/w:1024/h:639/fn:Y3NtXzAzXzAyX0ZvbnQtU2V0c183MGU3Mjc0OTEx:t/cb:563e5bd4f51e7e05d46356df65b6b87109972b2f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wMl9Gb250LVNldHMucG5n) ### Schriftarten-Set für Überschrift und Absatz auswählen: - Mit dem Drop-Down-Balken *Schriftarten-Set* sehen Sie, welche Schriftkombinationen es für Überschriften und Absätze gibt, beispielsweise **Headlines: Arvo, Paragraph: Source sans pro** und andere. Prüfen Sie die Sets anhand der darunter dargestellten Beispiele und wählen Sie eines aus. - Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. [ ![](https://www.toujou.de/_assets/processed/Btm44SqnU06NVRZKOHJCDyUzpENPVdH2ejExXL7kUx0/q:85/c:1312:737.07865168539:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAzX0N1c3RvbV81NmY0MjkzYzEx:t/cb:9acbfcf4557a4c5fcec82350856f42c60535b3a4/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wM19DdXN0b20ucG5n) ](https://www.toujou.de/_assets/processed/f5oEX5tYgvLcmSyuECVuwTN-DfKJs0UvhUT9bD9ifHE/q:85/w:1024/h:640/fn:Y3NtXzAzXzAzX0N1c3RvbV8yZTg3MDk1YzMy:t/cb:9acbfcf4557a4c5fcec82350856f42c60535b3a4/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC8wM18wM19DdXN0b20ucG5n) ### Benutzerdefinierte Schriftart: - Ebenfalls im Drop-Down-Balken *Schriftarten-Set* haben Sie mittels der Auswahl **Benutzerdefiniert** die Möglichkeit, eine alternative Schriftart/ein alternatives Schriftset zu nutzen. - »Benutzerdefiniert« sind in toujou freie Google-Schriftarten. Diese stehen Ihnen hier zur Verfügung: [Google Fonts ↗](https://fonts.google.com/). Achten Sie darauf, dass die Schrift mit UTF8 kompatibel ist. - Legen Sie für die Überschriften eine **Schrift für Überschriften**, die Größe (**Schriftstärke für Überschriften**) sowie den **Schrifttyp** fest. - Legen Sie für den Text eine **Schriftart** **für Absätze**, die Größe (**Schriftart für Absätze**) sowie den **Schrifttyp** fest. - Überprüfen Sie Ihre Auswahl nach dem Speichern im Bereich *Beispiel*. Klicken Sie über der Arbeitsfläche auf den Button **Speichern**. Video-Tutorials via jweiland.net -------------------------------- ### Font toujou-Schriftpaare oder Google-Webfonts einbinden (Laufzeit: 6'03"). Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. In toujou haben Sie standardmäßig vier Font-Kombinationen für Headlines/Text zur Auswahl. Mittels *Custom*-Einstellungen können auch hier Gewichtungen geändert/angepasst werden. Die vorab eingestellten Schriftgrößen basieren auf bestehenden Schriftkombinationen verschiedener Schriftfamilien der Google-Fonts, die im Laufe des Design-Prozesses für toujou geprüft wurden. Die Einstellungen der *Font weights* von 300, 400 oder 500 variiert je nach Schrifttyp und dem gewünschten Unterschied zwischen *normal* und *fett*. Neben Google Fonts ist es in toujou auch möglich, andere individuelle Schriftarten bei gekaufter Lizenz einzubinden. Wenden Sie sich hierfür gerne an unser [Service-Team](mailto:service@toujou.de). [Zur toujou-setup Übersicht](https://www.toujou.de/service/toujou-setup/#c1001619) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)