Where to Change Font for Shadows

[kitdang]

Hi,

Where do we go to change the font for Shadows? Under Theme Components, there is a 'Default Font' dropdown. What does that do? I try to change it but nothing change.

[Matt Zimmermann]

To change the font used in Shadows, you will have to update the CSS Resource "google-fonts" to load the new font and then update your styles accordingly.

[kitdang]

Thank you for the quick reply Matt. So will the dropdown eventually tie to the google font? If not now, maybe in the future?

[Matt Zimmermann]

I'm not sure the fate of the drop-down; it was part of the original skinning engine for CSSUI and not added into Shadows.

[kitdang]

Gotcha. Thanks

[ids]

I'm not sure the fate of the drop-down; it was part of the original skinning engine for CSSUI and not added into Shadows.

This explains this conundrum I'd encountered a couple of times. Thanks.

Scott

[Bruce - PhosphorMedia]

matt,

Just so happens i did this the other day...pretty sure I got them all, but it would be nice to have a complete list of font-family assignments just so we can be sure we didn't miss any. (I believe there is only 5 assignments that I found.)

[Matt Zimmermann]

Hi Bruce,

That sounds about right. However, if you are using Shadows DE, you would only need to make the change in one place and the build function would take care of the updating.

[Bruce - PhosphorMedia]

The site was pre-existing. Besides, easy enough to add the two new fonts

[kitdang]

Matt

The default CSS google font for Shadows that listed in the CSS resources is

https://fonts.googleapis.com/css?fam...ns:400,500,700

But the site is not using Poppins font. It is using

font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";

How do I go about adding Poppins font?

[Matt Zimmermann]

Hmm, that's interesting. I will get that addressed in an upcoming update. If you edit the "core" CSS Resource, you can add "Poppins, " to the beginning of the font-family string for HTML.