search

AbsaOSS / cps-shared-ui

Angular shared components library
https://absaoss.github.io/cps-shared-ui/
Apache License 2.0
2 stars 2 forks source link

Fix bold fonts in Safari #259

Open fateeand opened 7 months ago

fateeand commented 7 months ago

In Safari, all bold fonts are displayed ugly. The best way how to fix it has to be investigated.

Safari: Screenshot 2023-11-15 at 18 58 05

Chrome: Screenshot 2023-11-15 at 18 58 41

fateeand commented 7 months ago

The issue is that we are importing only SourceSansPro-Regular font, which doesn't contain bold style variation and the browsers are synthesizing it in their own way.

https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis https://fontsource.org/fonts/source-sans-pro https://www.cdnfonts.com/source-sans-pro.font