search

trevortylerlee / astro-micro

Blog theme for Astro with search and comments built-in. Zero frameworks.
https://astro-micro.vercel.app
MIT License
202 stars 46 forks source link

Geist font renders OK on iPhone and Mac, but not on Windows (multiple browsers) #33

Closed jakekugel closed 5 months ago

jakekugel commented 5 months ago

Thanks for this blog template, it looks great and I'm using it to build a website.

The Geist font appears correctly when using Mac and iPhone, but doesn't appear to render correctly on Windows--instead I see the system-ui font used. I've tried Chrome, Firefox, and Edge.

Here is the live demo site for Astro Micro, and what the Chrome "WhatFont" extension shows when I click on the title.

image

I do see the fonts being loaded in the Chrome network tab:

image

trevortylerlee commented 5 months ago

Hi Jake, thanks for opening this issue.

I ended up installing the fonts via fontsource to get it working on Windows (screenshot below—an easy tell are the l's in Geist, which have a small scoop at the end). Let me know if this works for you and I'll close the issue.

While researching I did come across this issue on Astro. Astro Micro was also getting these warnings, but they aren't related to the fonts not rendering on Windows. That issue is fixed now anyways as I removed the preloading fonts in this commit as well.

Funnily enough that issue was created by Mark Horn, creator of Astro Nano which is what Astro Micro is forked off of! I did notice Astro Nano's fonts seem to work fine on Windows...

geist-on-windows

jakekugel commented 5 months ago

I ran your branch locally and it fixed the issue, thanks much!! Also, I'm impressed that you fixed it so fast.

I'll continue to build my site and I'll send you a link when it is finished so you can see how others are using your template.

Cheers, Jake