I hate loading font in template code when using multiple fonts to match a design.

[lmf-git]

Goals

Non-Goals

Background

No background.

Proposal

Please allow for the optimised fonts to be loaded in CSS or SASS too bypassing being forced to choose which elements to apply it to.

Unless I'm stupid (likely) you can't load these directly into the root variables or some way to usefully pass this around or reference in CSS.

For Christmas, can you just do this for me so I can use fonts the way they're traditionally done in CSS?

[lmf-git]

Also globals css files in a few locations should just be automatically loaded if present.

Thank you for reading.

[lmf-git]

Additionally, isn't there a limited number of places you can import these fonts from, layout files? Or can they be imported from any component?