I studied the fonts of the highest 1000 web sites. Right here’s what I realized. — Michael Li brings the information. San-serif has complete dominance. “[…] it’s uncommon to go beneath 10px or above 24px.” And poor <h5> all the time being the identical measurement as <p>. Makes me really feel additional unhappy for <h6>, are you destined to be smaller than physique copy?
How monitoring and kerning improves all caps textual content — Oliver Schöndorfer will get into why ALL CAPS textual content typically seems to be higher when spaced out (i.e. letter-spacing in CSS). I’m not precisely a famend typographer, however this tracks with what I’ve all the time felt. All-caps seems to be good spaced out (generally fairly a bit), and conversely, it virtually by no means seems to be good to trace out lowercase. Just like the PG model of the well-known quote.
Leveraging System Fonts on the Net — Jim Nielsen shared a few of my confusion with “system fonts” in CSS. Like we’ve system-ui now, which I exploit fairly actually because it really works in Chrome and Safari for choosing the system font (i.e. getting to make use of San Francisco on macOS). Earlier than that was a factor, to leverage the identical type of factor, you’d do an enormous lengthy stack. However we kinda nonetheless want the stack for actual manufacturing websites, since system-ui isn’t universally supported. There’s a good world going ahead although, as a result of we’re getting ui-sans-serif, ui-sans-serif, ui-monospace, and ui-rounded. Browser assist is sort of restricted, nevertheless it’s gonna be good.
Less complicated Font Licensing: Introducing V2 — “The core of V2 is that this: you purchase a font, after which you need to use it.” God bless ’em. Because the proprietor of a number of websites that get a variety of web page views however don’t have waterfalls of money as a funds, I would like net font pricing that’s sane.
5 steps to sooner net fonts — Iain Bean goes by the biggies: WOFF2, font-display, <hyperlink rel=”preload” …>, Subsetting, and self-hosting. And always remember about the holy bible.
Why You Ought to Cease Utilizing Instances New Roman — Vanessa Hill was requested to reformat a analysis paper into Instances New Roman. She was informed it’s as a result of it’s so readable and researches the reality: it’s not. Personally, I can’t stand the look of it as a result of it seems to be like your font-stack failed in CSS.
Pixel font converter! — Appears to be like like an historical software (through Remy Sharp) however I find it irresistible because it opens up the concept of making a font to anybody who is aware of how to attract some letters and save a static picture.
You may assist CSS-Methods by being an MVP Supporter.