In the Hub app, we allow customers to specify a body font and heading font (to be applied to h1 - h6 elements). Today, body fonts are adopted by calcite components via CSS inheritance. But there is no way, as far as I know, to specify heading fonts.
I propose a CSS custom property that, when set, will apply to h1 - h6 elements.
Acceptance Criteria
Heading elements in calcite-components will use the font family specified via custom property and, if not supplied will use the inherited font.
Description
In the Hub app, we allow customers to specify a body font and heading font (to be applied to h1 - h6 elements). Today, body fonts are adopted by calcite components via CSS inheritance. But there is no way, as far as I know, to specify heading fonts.
I propose a CSS custom property that, when set, will apply to
h1
-h6
elements.Acceptance Criteria
Heading elements in calcite-components will use the font family specified via custom property and, if not supplied will use the inherited font.
Relevant Info
No response
Which Component
All that contain heading elements.
Example Use Case
No response