Add font picker to image banner section

Deutsch Diskussion Shopify Design
1

Hi all,

I would love to add a font picker to my image banner settings.

I just want a different font there and currently I can change it just for all h1 sections across the whole website.

Looking forward to your response.

Many thanks!

2

RT Font picker app for custom fonts (not Google). Is free too

image.png
image.png1459×868 141 KB

3

I am looking for no app - just coding. Thank you

4

Hmmm, something like the following in your image-banner liquid file inside the settings array:

{
  "type": "font_picker",
  "id": "banner_heading_font",
  "label": "Banner Heading Font"
}

Modify the “banner__heading” class to output an inline style using the selected font:

#