Variable fonts
brycewray opened this issue · comments
As @tobeagram suggested on Hacker News, I am filing an issue regarding the release of variable versions (both regular and italicized) of the SN Pro typeface. Having variable fonts obviously will be far preferable, especially regarding performance, to forcing numerous non-variable downloads on visitors to sites which use a wider variety of font weights.
Very nice work so far!
Thanks for opening the first issue @brycewray 🥳
In a future update we will add WIP variable fonts for everyone to test. Once we're happy with them we will include them in the .zip for everyone.
I've just pushed WIP variable fonts as .woff and .woff2 on the new next
branch. Please trial them out and let me know if you have any feedback! 🙌
If you'd like to include them in css please follow the following guidelines. This allows support for all weights and italics in almost all major browsers:
@font-face {
font-family: 'SN Pro';
src: url(SNProVF_LINK) format('woff2-variations');
font-weight: 200 900;
font-style: oblique 0deg 14deg;
}
If you'd like to include them in css please follow the following guidelines. This allows support for all weights and italics in almost all major browsers:
Great! Not to be greedy, but are there also plans for separate italic/oblique forms — as in the 4.x release of Inter, which in earlier versions did it the way you’re describing here?
And, just for the record:
Please trial them out and let me know if you have any feedback! 🙌
. . . I gave the .woff2 (the only format I use) a spin in dev mode, using your suggested CSS, and it looks great! I subset it to lower the size, as I typically do with VFs:
https://github.com/brycewray/hugo-site/blob/main/static/fonts/SNPro-VF-1-0-0_2024-03-12_subset.woff2
Glad to hear it's working well, and I can do you one better! I've just (force) pushed three variants:
- "SNPro-Variable" - all weights, including both italic and regular styles
- "SNPro-VariableRegular" - all weights fixed in regular style
- "SNPro-VariableItalic" - all weights fixed in italicised style
The separate regular and italic files also work very well. Subset versions as per my earlier comment:
Closing this as SN Pro 1.1 is now released.