--- title: "Tutorials: toujou font settings – this is toujou." url: "https://www.toujou.com/service/toujou-set-up/font-settings/" description: "The third step to your individual TYPO3 website: A selection of carefully pre-set font sets or custom Google fonts." date: 2019-03-14 modified: 2022-09-27 --- # Tutorials: toujou font settings – this is toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou set-up](https://www.toujou.de/service/toujou-set-up/) 4. [Font settings](https://www.toujou.de/service/toujou-set-up/font-settings/) Font settings ============= Here you determine the fonts and their weighting within your website. Tab: »Font« On this page Step by step -------------- [ ![](https://www.toujou.de/_assets/processed/ey1Jmm_Z3ceaVt11H9mXUzkpy-AHSMRjtCfkFeCgy7U/q:85/c:1440:808.98876404494:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAxX1JlaXRlcl9kb3dubG9hZF9FTl8xNGNjZWIyYzBm:t/cb:89a942d793d607e0a9b6c0997a23102d5c546e10/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wMV9SZWl0ZXJfZG93bmxvYWRfRU4ucG5n) ](https://www.toujou.de/_assets/processed/VPx-aEhr1OX9pO_f4Cn3US3PXCUDK4kpYDTbYySZqpE/q:85/w:1024/h:640/fn:Y3NtXzAzXzAxX1JlaXRlcl9kb3dubG9hZF9FTl84MTI4YWM0OWVk:t/cb:89a942d793d607e0a9b6c0997a23102d5c546e10/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wMV9SZWl0ZXJfZG93bmxvYWRfRU4ucG5n) ### Update fonts - Click on the tab **Fonts**. - At *Download fonts* use the drop-down bar to set whether the Google fonts in toujou should be updated for your website (**active**) or not (**inactive**). - Click on the **Save** button above the workspace. - **Note:** Besides Google Fonts, you can also embed other custom fonts in toujou. [ ![](https://www.toujou.de/_assets/processed/Ms__JL3FoXamDT-xGAfTYZU0qJCto6FnyuakFpC5P9A/q:85/c:1440:808.98876404494:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAyX0ZvbnQtU2V0c19FTl9hZjkxZTM2ZTQ0:t/cb:45bb2040d2bc938ec124aa076d512102c98978f5/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wMl9Gb250LVNldHNfRU4ucG5n) ](https://www.toujou.de/_assets/processed/oP5nHaPrweDwtuZnpq765soqx6IdsVojpvMnuUUDemI/q:85/w:1024/h:640/fn:Y3NtXzAzXzAyX0ZvbnQtU2V0c19FTl8xYmFlYWNhYWZm:t/cb:45bb2040d2bc938ec124aa076d512102c98978f5/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wMl9Gb250LVNldHNfRU4ucG5n) ### Select font sets for headline and paragraph - Use the Font Sets drop-down bar to see which font combinations are available for headings and paragraphs, for example **headlines: Arvo, Paragraph: Source sans pro** and others. Review the sets using the examples below and select one. - Click on the **Save** button above the workspace. [ ![](https://www.toujou.de/_assets/processed/z-TFfEG220uJw2lPrTlDZ2owvg2HH8mr3TQQkZcq75s/q:85/c:2128:1195.5056179775:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzXzAzX0N1c3RvbV9FTl8xNTAyY2IyZTE0:t/cb:0f93a1d7426ec252646e409be1b6bd35e1e7c6a6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wM19DdXN0b21fRU4ucG5n) ](https://www.toujou.de/_assets/processed/ojZDVVPO1PDbaqM85JmLUtUe4ph4qPh4ItsC4PHlhO8/q:85/w:1024/h:640/fn:Y3NtXzAzXzAzX0N1c3RvbV9FTl9iYzgxMjUyMWFj:t/cb:0f93a1d7426ec252646e409be1b6bd35e1e7c6a6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzAyX3RvdWpvdS10aGVtZS8wMDNfZm9udC9FTi8wM18wM19DdXN0b21fRU4ucG5n) ### Custom font: - At *Font Sets* in the drop-down bar you have the option to use an alternative font set by choosing **Custom**. - In toujou, »Custom Fonts« are licence free Google fonts (available here: [Google Fonts ↗](https://fonts.google.com/)). Make sure that the font is compatible with UTF8. - Determine the **Font weight** for headlines as well as the **Font Type.** - Determine a **Paragraph Font**, its sizes (**Font weight: normal & Font weight: bold**) as well as a **Font Type**. - Click on the **Save** button above the workspace. Pieces of advice ---------------- toujou is based on TYPO3 and anyone familiar with TYPO3 knows that there are many different options to use to reach your desired results. We would like to point out important information and little tricks that can assist you when you’re creating and editing your website. In toujou, you have four font combinations for headlines/text available by default. By using the custom settings, the variety can also be changed/adjusted. The preconfigured font sizes are based on pre-existing font combinations of the Google font families which have been tested extensively along the design process for toujou. The *font weight* settings of 300, 400 or 500 vary depending on the font type and the difference you wish to set for *normal* and *bold* settings. In addition to Google Fonts, it is also possible to integrate other individual fonts in toujou with a purchased license. If you would like to do so, please contact our [service team](https://www.toujou.de/service/support/#c1010008). ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)