All Collections
Calendar: (2) Design
Fonts
Design: Fonts - Font family
Design: Fonts - Font family

Customize the font.

Jason Alexis avatar
Written by Jason Alexis
Updated over a week ago

Customize the font.

To find this design item...

Step 1: After you log in, click on Calendars (brown box below).

The Your Calendars page will open.

Step 2: Choose the calendar you wish to modify (brown box below).

Step 3: Click on Design (brown box below).

Step 4: Scroll down and click on Fonts (brown box below).

Step 5: Scroll down until you find the header Font family.

How to work with Font family

There are three options: Default, Inherit, and Custom. We will walk through each one.

Default

Click on Default. This is the choice of the Display.Church application.

Inherit

Click on Inherit. In this option, the font is inherited from your website or other embeddable component.

Let's see a comparison...

In each set, the first picture is the Default font and the second is the Inherited font. The differences are very subtle, so if you are missing them, it's ok.

Custom

Step 1: Click on Custom. It will show the default or inherited font. Click on the X (brown box below) to erase this choice.

Step 2: If you click on the capture line, you will see the message, "No options" (brown box below). There are many options, but you need to start typing to see them.

Step 3: Begin typing on the capture line (brown box below). As you can see (blue arrow below), a dropdown list of options is populating. If you know the name of the font you wish to use, type in the name. If not, scroll down the list, choose fonts and experiment with how they change the look of your calendar and/or events list.

We chose the font "Bad Script" to give a dramatic example of how the font can change.

Calendar

Events list below calendar

Events list pop up

Click Save at the bottom of the column to save your changes.

Did this answer your question?