aaranxu / adidoks

AdiDoks is a mordern documentation theme, which is a port of the Hugo theme Doks for Zola.
https://adidoks.org
MIT License
227 stars 81 forks source link

Jost font displays incorrectly on macOS #45

Open iammattcoleman opened 2 years ago

iammattcoleman commented 2 years ago

The font included with this theme contains an uppercase "A" character that does not display correctly on all operating systems and browsers.

Here's how it looks on my system: image

The issue is described in this ticket: https://github.com/google/fonts/issues/2602

Replacing @import "common/fonts"; with either of the following causes it to render correctly:

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url("https://indestructibletype-fonthosting.github.io/jost.css");

(For the second URL, I also had to change the font name in _variables.scss to "Jost*".)

After making that change, the font displays correctly: image

iammattcoleman commented 2 years ago

I got the googleapis.com import directive from #8.

iammattcoleman commented 2 years ago

How did you obtain or generate the font files included with this theme?

To fix the issue but avoid leaking my visitors' IP addresses to either googleapis.com or github.io, I copied the CSS from indestructible-type and downloaded all the WOFF/WOFF2 files that the CSS references. The downloaded files are noticeably different from the ones you included in the theme: