How to get the Font Object from Font handle name?

Technical Q&A
1

Hello,

I would like to know if there is a library, tool or API to get the Font Object from the Font handle name as referred in the documentation for the font_picker.

In the settings_data.json config file of my theme, I have something like this :

{
  current: {
    nav_font: "work_sans_n7",
    ...
  }
}

that refers to the handle name of the Font Work Sans variant Work Sans Bold.

But inside the style.css.liquid file there is a css attribute like this :

font-family: {{ settings.nav_font.family }}, {{ settings.nav_font.fallback_families }};

that means that a Font Object was loaded from the Font handle name.

Can someone tells me how to retrieve the Font Object?

It would help me a lot!

1 Like