From a17550682b27022000565b7e60af39381d714768 Mon Sep 17 00:00:00 2001 From: Maciej Jur Date: Mon, 12 Jun 2023 10:20:15 +0200 Subject: [PATCH] (content,wiki) webfonts --- src/content/wiki/webfonts.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 src/content/wiki/webfonts.md diff --git a/src/content/wiki/webfonts.md b/src/content/wiki/webfonts.md new file mode 100644 index 0000000..2ae6c32 --- /dev/null +++ b/src/content/wiki/webfonts.md @@ -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. \ No newline at end of file