Dawn 2.0 Theme | Adding Custom font and giving option to select it from customizer

xGhost
Tourist
13 0 3

I know how to add custom font in Dawn 2.0 Theme but how can i provide option for user to select it from Theme Customizer ?

Following code is present in css file.

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: 0.06rem;
color: rgb(var(--color-foreground));
line-height: 1.3;
}

As you can see there is some variable --font-heading-family which is somehow linked to customizer!


Below is the snap shot of customizer. Also, the fonts shown in customizer are not present in theme files !

 

2021-10-06 21_13_18-Window.jpg

 

Replies 3 (3)

Blend-Cole
Shopify Partner
6 2 2

Hi there.

Unfortunately there is no way to add custom fonts the the Shopify's font picker.

I do wish I had more positive news.

If you found this answer helped with your question,  kindly mark it as a solution.

Kind regards.
Cole.

Blend Commerce.

BlendCole_1-1633543333535.png

 

 

xGhost
Tourist
13 0 3

i added fonts manually 

LaseMakers
Shopify Partner
101 1 28

Hi @xGhost 

Could you tell me how you did it. I just want to added to headings.

Thank you!!

Carolina