Giters

supernotes / sn-pro

SN Pro Font Family

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Variable fonts

brycewray opened this issue · comments

commented

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!

commented

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.

commented

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;
}
commented

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

commented

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

Check them out here.

commented

Closing this as SN Pro 1.1 is now released.