When building a website in&nbsp;with the SiteDu.de builder, you don't have to restrict&nbsp;yourself with&nbsp;default fonts. You can choose amongst 600 additional fonts available in Google Fonts.&nbsp;All you have to do is to make a decision and add the selected one to your website.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">How to add a font from Google Fonts</h2><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Enter&nbsp;<a href="https://fonts.google.com/" class="PlaygroundEditorTheme__link">fonts.google.com</a>&nbsp;and select a font that suits your project the most. &nbsp;</li><li value="2" class="PlaygroundEditorTheme__listItem">Click on the selected&nbsp;font. <img src="https://help.webwave.me/lib/dkwr2z/Browse-Fonts---G-krddmm37.png" alt="" width="inherit" height="inherit"> &nbsp;</li><li value="3" class="PlaygroundEditorTheme__listItem">After choosing font style click on "Select this style". <img src="https://help.webwave.me/lib/dkwr2z/10928005-75e408ea5261b8865627112d794bf559-krddor09.png" alt="" width="inherit" height="inherit"> &nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">Font has been choosen - now you have to copy link to that font on the upper right corner of the screen. Remember to choose the original font size and style - Regular. Builder will import all the types for the specific font. <img src="https://help.webwave.me/lib/dkwr2z/Roboto-Google-Fonts-krde5v6l.png" alt="" width="inherit" height="inherit"> &nbsp;</li><li value="5" class="PlaygroundEditorTheme__listItem">In your SiteDu.de website builder go to Settings at the top of the screen and enter "Font management". <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_image.1715265039203.png?alt=media" alt="image.png" width="inherit" height="inherit"> 5.1. You can also add fonts directly in the text edition panel. Scroll down the fonts' list and select "Add". <img src="https://help.webwave.me/lib/dkwr2z/Screenshot_47-l9pngu3g.png" alt="" width="inherit" height="inherit"> </li><li value="6" class="PlaygroundEditorTheme__listItem">Press&nbsp;"Add font"&nbsp;and then&nbsp;"from Google Fonts". <img src="https://help.webwave.me/lib/dkwr2z/2024-03-14_17-47-ltrgrn1y.png" alt="" width="inherit" height="inherit"> &nbsp;</li><li value="7" class="PlaygroundEditorTheme__listItem">Paste the font code and the press&nbsp;"Add font". <img src="https://help.webwave.me/lib/dkwr2z/2024-03-14_17-48-ltrgsmxo.png" alt="" width="inherit" height="inherit"> </li><li value="8" class="PlaygroundEditorTheme__listItem">It is done - newly added fonts in different weights can be found in the text edition panel. <img src="https://help.webwave.me/lib/dkwr2z/Screenshot_51-l9pnoypk.png" alt="" width="inherit" height="inherit"> &nbsp;</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">How to add your own font from the device</h2>You can also add your own fonts, not related to Google Fonts? All you need is a font in one of 4 formats: .ttf .woff .woff2 or .otf <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">In the website builder, select the&nbsp;"Settings"&nbsp;tab, and then&nbsp;"Font management": </li><li value="2" class="PlaygroundEditorTheme__listItem">Press&nbsp;"Add font"&nbsp;and then&nbsp;"from Drive". <img src="https://help.webwave.me/lib/dkwr2z/2024-03-14_17-51-ltrgwu0h.png" alt="" width="inherit" height="inherit"> </li><li value="3" class="PlaygroundEditorTheme__listItem">Select file from your computer: <img src="https://help.webwave.me/lib/dkwr2z/2024-03-14_17-51_1-ltrgwida.png" alt="" width="inherit" height="inherit"> &nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">Done 🙂 You can now use your font in the website builder. To change the name of a font or delete it, go to the font management (step 1): <img src="https://help.webwave.me/lib/dkwr2z/24173940-2bf5b3e62b4482ecc3edf2e77dcee5a8-l0to5y08.png" alt="" width="inherit" height="inherit"> &nbsp;</li></ol>IMPORTANT -&nbsp;Please note that we are unable to verify all fonts available on the web. Like in case of adding your own code, the author of the font is responsible for this font to work. Keep that in mind and choose fonts only from reliable sources 🙂

Learn how to use additional fonts in your SiteDu.de builder

When building a website in with the SiteDu.de builder, you don't have to restrict yourself with default fonts. You can choose amongst 600 additional fonts available in Google Fonts. All you have to do is to make a decision and add the selected one to your website.

## How to add a font from Google Fonts

1. Enter[fonts.google.com](https://fonts.google.com/) and select a font that suits your project the most.
2. Click on the selected font.  
  
![](https://help.webwave.me/lib/dkwr2z/Browse-Fonts---G-krddmm37.png)
3. After choosing font style click on "Select this style".  
  
![](https://help.webwave.me/lib/dkwr2z/10928005-75e408ea5261b8865627112d794bf559-krddor09.png)
4. Font has been choosen - now you have to copy link to that font on the upper right corner of the screen. Remember to choose the original font size and style - Regular. Builder will import all the types for the specific font.  
  
![](https://help.webwave.me/lib/dkwr2z/Roboto-Google-Fonts-krde5v6l.png)
5. In your SiteDu.de website builder go to Settings at the top of the screen and enter "Font management".  
  
![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/f0a2d0_image.1715265039203.png?alt=media)  
  
  
5.1. You can also add fonts directly in the text edition panel. Scroll down the fonts' list and select "Add".  
  
![](https://help.webwave.me/lib/dkwr2z/Screenshot_47-l9pngu3g.png)
6. Press****"Add font"**** and then****"from Google Fonts".****  
  
![](https://help.webwave.me/lib/dkwr2z/2024-03-14_17-47-ltrgrn1y.png)
7. Paste the font code and the press****"Add font".****  
  
![](https://help.webwave.me/lib/dkwr2z/2024-03-14_17-48-ltrgsmxo.png)
8. It is done - newly added fonts in different weights can be found in the text edition panel.  
  
![](https://help.webwave.me/lib/dkwr2z/Screenshot_51-l9pnoypk.png)

## How to add your own font from the device

You can also add your own fonts, not related to Google Fonts? All you need is a font in one of 4 formats: .ttf .woff .woff2 or .otf

1. In the website builder, select the****"Settings"**** tab, and then****"Font management"****:
2. Press****"Add font"**** and then****"from Drive".****  
  
![](https://help.webwave.me/lib/dkwr2z/2024-03-14_17-51-ltrgwu0h.png)
3. Select file from your computer:  
  
![](https://help.webwave.me/lib/dkwr2z/2024-03-14_17-51_1-ltrgwida.png)
4. Done🙂 You can now use your font in the website builder. To change the name of a font or delete it, go to the font management (step 1):  
  
![](https://help.webwave.me/lib/dkwr2z/24173940-2bf5b3e62b4482ecc3edf2e77dcee5a8-l0to5y08.png)

****IMPORTANT -**** Please note that we are unable to verify all fonts available on the web. Like in case of adding your own code, the author of the font is responsible for this font to work. Keep that in mind and choose fonts only from reliable sources🙂

Add custom fonts

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?