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/

Erstellt 4y | 30.06.2021, 00:20:27


Melden Sie sich an, um einen Kommentar hinzuzufügen

Andere Beiträge in dieser Gruppe

CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.


CSS-Questions or

12.08.2025, 15:50:20 | CSS tricks
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.


11.08.2025, 16:40:19 | CSS tricks
Getting Creative With Quotes

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, de

11.08.2025, 14:30:13 | CSS tricks
How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


08.08.2025, 14:30:14 | CSS tricks
Bringing Back Parallax With Scroll-Driven CSS Animations

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

06.08.2025, 13:50:10 | CSS tricks
Thinking Deeply About Theming and Color Naming

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


04.08.2025, 15:30:17 | CSS tricks
Keeping Article Demos Alive When Third-Party APIs Die

Is there a way to build demos that do not break when the services they rely on fail? How can we ensure educational demos stay available for as long as possible?


30.07.2025, 15:10:10 | CSS tricks