Y’all know about font-display? It’s pretty great. It’s a CSS property that you can use within @font-face blocks to control how, visually, that font loads. Font loading is really pretty damn complicated. Here’s a guide from Zach Leatherman to prove it, which includes over 10 font loading strategies, including strategies that involve critical inline CSS of subsets of fonts combined with loading the rest of the fonts later through JavaScript. It ain’t no walk in the park.
Using font-display…
The post Hey hey `font-display` appeared first on CSS-Tricks.
Let’s say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that’s there just to make clear that our one HTML element has some transparent parts), no JavaScript. What would you think that involves?
The desired results.
Well, this article is going to explain just how to do this and then also show how to make things fun …
The post 1 HTML Element + 5 CSS Properties = Magic! appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
