Add a Font

Fonts can be applied to Pages by adding them as an HTML Text Area.

To Add a Font-Family to your Page#

Let's add a Font to our Site.

1. Log into your Admin Module

To access your admin site, simply type "admin." before your public url.

eg: https://admin.demo.dashnetics.com.au

2. Select the

3. Select Page Management

4. Select Setup Pages

5. Select Items Icon

Each page will be listed, choose the "Items" Icon next to the page you want to change.

6. Select Add

To begin adding a new Item to the page

7. Enter a Name for your Styling

For example, "CSS"

Names can contain spaces or any characters

8. In the Type dropdown, choose "HTML Text Area"

9. Width can remain as "0"

Width "0" means the item will display at the DEFAULT width.

This can be changed later if necessary

10. Within the HTML Text area, type or copy your font links

@font-face {
  font-family: "Europa-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/img/d3bfee78e8ead45d9057a95bb6ff5de8.woff2");
  src: url("/img/d3bfee78e8ead45d9057a95bb6ff5de8.woff2") format("embedded-opentype"),url("/img/d3bfee78e8ead45d9057a95bb6ff5de8.woff2") format("woff2"),url("/img/d3bfee78e8ead45d9057a95bb6ff5de8.woff2") format("truetype")
}

you may then style any element with this font

<h1 style="font-family; Europa-Bold"> This is Europa-Bold Heading</h1>

11. Tick 'Divider After'

This will ensure the next element we add will appear below the styling.