Pixelated MS Sans Serif

[kaytwo]

8fb783a is the commit that lands the substantive changes; the fully built docs/package are in the other commit.

Features:

• falls back to Arial if you don't upload the pixelated fonts
• updates the docs and the build to match new features
• looks hot

[jdan]

Got a Q inline about network requests with this! Let me know if my comment makes any sense.

(Thanks for this, though, I like it)

[jdan]

Could postcss-url help us here, with { url: 'inline' }? https://github.com/postcss/postcss-url

Otherwise folks would have to do quite a few network requests to get the font, right? And less portable

[jdan]

Inlining addressed, thanks :) #27 (comment)

Can we maintain the original filenames here with the template option?

[kaytwo]

The fonts are 7kb per weight for the woff2 caniuse 94.9% and 9kb for the woff caniuse 97.5%.

Pros to inlining:

• Should definitely choose one or the other, inlining both would be dumb
• 14kb (or 16kb) add'l text in the css file. This is compressed already so transfer encoding gzip won't make it any smaller.

Cons to inlining:

• Browser will only request the 2 font files it needs based on compatibility, thus maximizing compat
• If you're on h2 you're probably better off without inlining, you might be able to do some push magic, I don't know how to do/hint that from the css file though or whether you need to
• If someone doesn't want to include the pixelated fonts, they will need to rebuild the package/css file.

[jdan]

Cool, ty for the explanation.

I'll be honest - I think this looks really sharp for buttons and labels but I'm less sold when it comes to headings and paragraphs 😭

[kaytwo]

I hear you on the body text - definitely a tradeoff when it comes to historical accuracy vs aesthetics/ergonomics :). My most recent commit has a blacklist. Feel free to fixup the inlining stuff or anything else, and thanks for making such a cool library.

[hedgehog-online]

Will this font handle non-latin characters well?

[hedgehog-online]

oh god what is this i just wanted to leave a code comment

[jdan]

@kaytwo thanks for all your hard work on this! Wanna address the latest comments re: denylist?

[jdan]

@kaytwo wanna rebase your branch? trying to review but there's some old stuff in there

[kaytwo]

I'm in rebase hell atm, I will get it taken care of, but if you want to see WIP it's in kaytwo@cdb6a5a

[kaytwo]

Changes since we last spoke:

• Whitelist for button, window, title-bar (the latter sometimes gets used in the docs outside of a window). I could imagine based on your aesthetic preference, things like fieldsets or other elements could also be included in the whitelist.
• "Override" classes pixelated and vectorized which can be used to force a given element to use the different text rendering styles.
• Changed * to body for the root styling because * is always more specific than my whitelist if it's on a child node.

[jdan]

Cool :) Sorry for rebase hell! Lemme dive in and fix these up for ya (I did a clean sweep of all my windows line-endings)

[jdan]

Here's a diff https://github.com/jdan/98.css/compare/fixed-line-endings that retains your commit attribution.

Lemme see if I can force push to you to keep this PR around...

[jdan]

Goodness it looks so handsome

[jdan]

lgtm

looks so good

amaze