Skip to main content
Skip table of contents

Format fonts in the document (Legacy)

Format font for the whole document

When you format the font to Document element, all the normal text in the document will have used this font, unless you override them with other styles (such as Heading, or Custom Styles).

In the Body Content template:

  1. Click Styles in the left pane

  2. Click Element

  3. In the "Element Styles" select Document from the list

image-20240109-072225.png

The list of CSS attributes used for "Document" style is displayed. You can format font, size and color of texts in the "Text & Font" section

In font-family, click the small arrow on the right to open the list of font

image-20240109-072231.png

Click  -Add Web Font-

image-20240109-072238.png

In the "Add Web Font" popup, there is a list of web fonts in Presets that you can use

Or click Load More to extend the list

image-20240109-072244.png

Scroll to see the list of font or continue to Load More

Select the font that you want to use

The font name will be populated in Font Family with the single quotation 'Font Name' and the link to the web font is populated in the URL

image-20240109-072251.png

Click OK

Now you see the font name is populated in font-family

image-20240109-072257.png

Format the font-size and color as you desire. Want to use the font that is closest to Microsoft Font used in your current document? See Alternatives to Microsoft fonts at the end of this page.

Format font of the headings

In the Body Content template:

  1. Click Styles in the left pane

  2. Click Element

  3. In the "Element Styles" select the heading that you want to format font from the list: Heading 1, Heading 2 or Heading 3

image-20240109-072305.png

Similar to format font of the normal text, you can select a web font in font-family attribute

In font-family, click the small arrow on the right to open the list of font

image-20240109-072317.png

Headings use the same font with normal text

Select the empty option in the beginning of the list, for the heading to take the font you indicated in the "Document" style

image-20240109-072326.png

Headings use different font than normal text

In the font-family list, select -Add Web Font-

image-20240109-072335.png

In the "Add Web Font" popup, there is a list of web fonts in Presets that you can use

Or click Load More to extend the list

image-20240109-072349.png

Scroll to see the list of font or continue to Load More

Select the font that you want to use

The font name will be populated in Font Family with the single quotation 'Font Name' and the link to the web font is populated in the URL

image-20240109-072357.png

Click OK

Now you see the font name is populated in font-family

Continue to format the font-size or color as you desire

image-20240109-072404.png

Alternatives to Microsoft fonts

Similar to many other web application, you can not use Microsoft Office fonts in Documill Dynamo. The table below lists the best alternative to Microsoft fonts for your documents. Select the alternative font when formatting your Document or Heading element, by following the instruction above.

If you are using  "dynamoservice" server, you cannot use Microsoft Office fonts. If you want to use these fonts, then you would need to move to "dynamo-eu1" server.

Microsoft Fonts

Web font used in Documill Dynamo

Arial

Roboto

Arial Narrow

Roboto Condensed

Calibri

Lato

Courier New

Noticia Text / Anonymous Pro 

Tahoma

Noto Sans

Trebuchet

Source Sans Pro

Times New Roman

Crimson Text / Lora

Verdana

Arimo

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.