Font weight: Use "Source Sans" as variable font
Problem to solve
Now, we have only two font weight: smaller-and-equal or bigger than 500
Intended users
Further details
https://en.wikipedia.org/wiki/Source_Sans
https://fontsource.org/fonts/source-sans-pro
https://www.npmjs.com/package/@fontsource/source-sans-pro
Supported variables:
Weights: [200,300,400,600,700,900]
Styles: [italic,normal]
Subsets: [cyrillic,cyrillic-ext,greek,greek-ext,latin,latin-ext,vietnamese]
Or: https://www.npmjs.com/package/@fontsource-variable/source-sans-3
Weights: [200,300,400,500,600,700,800,900]
Styles: [italic,normal]
Subsets: [cyrillic,cyrillic-ext,greek,greek-ext,latin,latin-ext,vietnamese]
Axes: [wght]
Proposal
Using a variable font would enable us to have thinner, medium, and very heavy font weight Is combination with italic possible?
Permissions and Security
We probably don't want to load fonts from google. how would this be done technically? Can we just add it in npm (link above)?