How to change font of text element (font is part of X package)

Support
#1

I want to change the font of 1 text element to SHADOWS INTO LIGHT which is a google font and part of the X package.

What is the correct CSS to do so?

#2

Hi,

You can add this in your style field.

font-family: 'Shadows Into Light', cursive;

Hope that helps

#3

How does one do this in Pro?

#4

Hi Adam,

Since it’s a google font, you can follow this without CSS.

  1. First, go to Theme Options and click cog (gear) icon and go to font section.

  2. Once you’re there, add new font and name it whatever you prefer, example, shadow_into_light

  1. Then go to your header and inspect your element, let’s say navigation element. Then go to links and text section and change its font to your created font (eg. shadow_into_light ).

Most of elements have text format settings that you can change.

Hope this helps.