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

Store Design
1

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
2021-10-06 21_13_18-Window.jpg206×758 18.6 KB

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

3

i added fonts manually

4

Hi @xGhost

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

Thank you!!

Carolina