Fonts Library and Google Fonts

  • Knowledge Base
  • Responsive Website Builder
  • Fonts Library and Google Fonts
  • Duda Support > Responsive Website Builder > Editing a Site

Overview

The responsive website builder features a variety of fonts for your use. Set a global text font or choose to differentiate your text by using multiple different fonts on your website. Although fonts cannot be added to the font library, you can add new fonts to your site via Google Fonts.

Font library

Below is a list of fonts present in the website builder.

Abril Fatface Book Antiqua Droid serif Josefin Sans Museo Slab Playball Shrikhand
Alef Hebrew Bree Serif Duru Sans Josefin Slab Nosifer Playfair Display Signika
Alfa Slab One Butcherman Eater Jura Old Standard TT Poiret One Slabo
Alike Cabin Exo Lato Open Sans Prociono Source Sans Pro
Allura Cairo Exo 2 Libre Baskerville Open Sans Hebrew Puritan Spinnaker
Amaranth Cardo Flamenco Lobster Oswald Quattrocento Stalemate
Amatic SC Comic Sans MS Georgia Lobster Two Oxygen Racing Sans One Tahoma
Amiko Cookie Glegoo Lora PT Sans Raleway Teko
Anton Courgette Gloria Hallelujah Lusitana PT Serif Roboto Times New Roman

Arial

Courier New Great Vibes Mate SC Pacifico Roboto Slab Titillium Web
Arial Black Creepster Gudea Maven Pro Palatino Linotype Rokkitt Trebuchet MS
Arvo Crete Round Helvetica Merriweather Patua One Sacramento Ubuntu Mono
Bad Script Crimson Text Impact Mogra Paytone One Sanchez Ubuntu
Belgrano Dancing Script Inconsolata Monoton Permanent Marker Sans-Serif UnifrakturMaguntia
Book Antiqua Droid Sans Indie Flower Montserrat Play Sansita One Verdana
Vollkorn Yanone Kaffestaz Yesteryear  Fjalla One Julias sans One Palaquin Asap
Istok web Muli Nunito Quicksand Work Sans EB Garamond Enriqueta
Special Elite Petit formal Script Parisienne Poppins      

Adding Google Fonts

Fonts are available via Google Fonts. Follow the steps below to add more font options to the responsive builder.

Select the Google font you want by adding it using the + icon.

2017-05-04_15-38-35.png

After selecting a font on the Google Fonts site, copy the "@import url" code and the CSS in the "Specify in CSS" area.

2017-05-04_15-49-40.png

Adding your font to the Responsive Builder

To add this font as your site's global font in the Duda responsive editor:

  1. Click on the 'Developer Mode' button in the top right corner of your editor.
  2. Navigate to ' Site HTML/CSS', then 'site.css'.
  3. Add the "@import url" code to the top of the page.
  4. Add the following CSS:
1 *#dm div.dmContent *, *#dm div.dmFooter *, *#dm div.dm-title {YOUR_GOOGLE_INTEGRATION_CODE}
2017-05-04_16-02-08.png

Replace YOUR_GOOGLE_INTEGRATION_CODE above with the CSS code you copied from Google Fonts. Click Save in Developer Mode. The font is now the global font for the site and has changed all text to this font. You can individually change the fonts in text widgets.

Applying a font to a specific paragraph

In order to apply a font to a new paragraph, right click the paragraph widget -->Click the Edit HTML/CSS option.

Add the CSS between the brackets { }.

Your Google font is now applied to your paragraph. You can use our inline editor to change the colors and edit the text as normal.

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!