What does `font: 110%/1.4 system-ui` mean?

I use this line, or one like it, in a lot of quick demos. Not that it’s not a production-worthy line of code—I just tend to be a bit more explicit on bigger projects. html { font: 110%/1.4 system-ui; } …

The post What does font: 110%/1.4 system-ui mean? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/what-does-font-110-1-4-system-ui-mean/

Creată 4y | 30 iun. 2021, 00:20:27


Autentifică-te pentru a adăuga comentarii

Alte posturi din acest grup

Scroll Driven Animations Notebook

Adam’s such a mad scientist with CSS. He’s been putting together a series of “notebooks” that make it easy

13 feb. 2025, 14:30:05 | CSS tricks
Typecasting and Viewport Transitions in CSS With tan(atan2())

We’ve been able to get the length of the viewport in CSS since… checks notes… 

12 feb. 2025, 15:20:06 | CSS tricks
Make Any File a Template Using This Hidden macOS Tool

Stationery Pad is a handy way to nix a step in your workflow if you regularly use document templates on your Mac. The long-standing Finder feature essentially tells a file’s parent application to o

10 feb. 2025, 19:20:06 | CSS tricks
Organizing Design System Component Patterns With CSS Cascade Layers

I enjoy organizing code and find cascade layers a fantastic way to organize code explicitly as the cascade looks at it. The neat part is, that as much as it helps with "top-level" organization, cas

10 feb. 2025, 14:40:07 | CSS tricks
Container query units: cqi and cqb

A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried co

6 feb. 2025, 15:40:06 | CSS tricks
Baseline Status in a WordPress Block

The steps for how I took the Baseline Status web component and made it into a WordPress block that can be used on any page of post.


5 feb. 2025, 16:30:08 | CSS tricks
Compiling CSS With Vite and Lightning CSS

Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.

<hr

3 feb. 2025, 15:40:18 | CSS tricks