Skip to content

Improve font rendering for glyphs on macOS (Hugo)

Jyrki Gadinger requested to merge ggadinger/aether-sass:less-blurry-glyphs-on-macos into hugo

macOS by default has some intense font smoothing going on, this makes the glyph icon font look really heavy especially on non-"Retina" screens.

Adding two vendor-specific properties to tell the browser to use a different method for smoothing the font makes it look much better.

Here are some examples from bugzilla (top browser Firefox, bottom Safari), and the social icons:

Before After
Screenshot_2022-02-25_at_18.28.49-fs8 Screenshot_2022-02-25_at_18.29.01-fs8
Screenshot_2022-02-25_at_20.48.31-fs8 Screenshot_2022-02-25_at_20.48.45-fs8

This MR is for the Hugo-based theme. See !64 (merged) for the Jekyll one.

Merge request reports