How-to Use Google Fonts in DudaOne

This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.

Overview

This tutorial will show you how to add Google Fonts to your DudaOne site.

Adding your Fonts

Google Fonts

After selecting a font on the Google Fonts site, under step 3 select the @import option.

Copy the @import code. This is what we'll use to import your Font into DudaOne. Also, make a not of the code from step 4 "Integrate the fonts into your CSS". We'll use that code to apply our font to different elements.

Adding your font to DudaOne

To add this font as your site's default font,

In the DudaOne 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 following CSS:
1 *#dm div.dmContent *, *#dm div.dmFooter *, *#dm div.dm-title {YOUR_GOOGLE_INTEGRATION_CODE}

Replace YOUR_GOOGLE_INTEGRATION_CODE above with the code from step 4 on Google Fonts, "Integrate the fonts into your CSS".

Applying a font to a specific paragraph

In order to apply a font to a new paragraph, hover over a paragraph -> Click the blue Paragraph button -> Edit Background.

Next, click the More tab and select CSS. Here you will see at least two CSS selectors. The ones that we'll want to edit starts with *.u_ and will NOT end with *. Under that selector paste in the code from step 4 on Google Fonts, "Integrate the fonts into your CSS".

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@dudamobile.com
×

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!