(content,wiki) webfonts

This commit is contained in:
Maciej Jur 2023-06-12 10:20:15 +02:00
parent cf352600fd
commit a17550682b

View file

@ -0,0 +1,14 @@
---
title: Webfonts
---
Here are some websites that make it easy to choose web fonts:
- [CSS Font Stack](https://www.cssfontstack.com/)
- [Modern Font Stacks](https://modernfontstacks.com/)
Unfortunately, the main issue with fonts built into browsers is their dependence on both the browser and operating system you're using. This can lead to missing fonts and variations in how the same font is displayed across different browsers. Take a look at the screenshot below, which demonstrates the differences in rendering the font "Nimbus Sans" on Chrome (left) and Firefox (right). As you can see, the baseline for the font appears much higher on Chrome.
![Nimbus Sans](/static/wiki/nimbus-sans.png)
As a consequence, this misalignment causes the user interface to appear broken on Chrome, with the button texts not properly centered.