I am currently using a single font family across my entire website and would like to enable a specific set of font features globally. While I have successfully applied font-feature-settings
to individual elements (e.g., a Heading) through the custom CSS panel, I am encountering issues when attempting to implement these settings globally.
To achieve this, I added the following code to Bricks > Settings > Custom Code > Custom CSS:
> body {
> font-feature-settings: 'setting1' 1, 'setting2' 1, 'setting3' 1;
> }
Although this CSS code appears on the web page upon inspection, it does not seem to affect the text as intended. What is the best practice for globally enabling font-feature-settings
(distinct from font-variant
) for the entire website?