Logo

dev-resources.site

for different kinds of informations.

Fix blurry or bold fonts on a Mac

Published at
1/3/2024
Categories
fonts
ide
Author
samtassell
Categories
2 categories in total
fonts
open
ide
open
Author
10 person written this
samtassell
open
Fix blurry or bold fonts on a Mac

Holy moly, an often forgotten, simple, yet effective tip worth sharing:

I forgot how turning off font smoothing makes the world of difference on retina/high PPI screens. If using a non-apple external monitor, especially those with the less adopted formats, on a mac, font smoothing will make your fonts more bold or blurry, disabling is a must for programmers as it's probably making your code fonts less readable.

Since Big Sur, font smoothing can be adjusted in two ways.

Via the terminal

defaults -currentHost write -g AppleFontSmoothing -int 0

  • "0" disables font smoothing
  • "1" enables light font smoothing
  • "2" enables default medium smoothing
  • "3" enables strong smoothing
  • Thus, If you wish to revert to the default setting simply replace the "0" at the end of the command with a "2".

Via a helper app

Luckily, if you're not comfortable changing setting via the command line, someones kindly made a helper app (a little overkill but makes it super easy).

https://www.fontsmoothingadjuster.com

Learn more

Nikita Prokopov (the chap behind Fira Code) wrote a super in-depth post regarding font smoothing, displays, pixels and resolutions. Check it out for more context.


Have a good'un.

Sam.

fonts Article's
30 articles in total
Favicon
Adding a custom font to the VitePress Default Theme
Favicon
CSS: List of Properties for Text
Favicon
Font licensing
Favicon
Packing Custom Fonts for NixOS
Favicon
Install google fonts using terminal.
Favicon
Integrating Custom Fonts Using CSS Modules in Next.js
Favicon
Beyond Ordinary: The Artistry of Stylish Fonts
Favicon
Typography Trends: Exploring Font Style Innovations
Favicon
Use More System Fonts
Favicon
Fix blurry or bold fonts on a Mac
Favicon
Independent Type Foundries
Favicon
NFDL - a simple cli to download nerd fonts
Favicon
Fontima: Optimize Your Google Fonts Requests
Favicon
Mobile Web Woes: Navigating Common CSS and Font Issues πŸ“±πŸ”§
Favicon
Making Font Loading More Efficient with React ContentΒ Font
Favicon
There is now a better way to use @font-face for variable fonts
Favicon
Taking Variable Fonts for a Spin
Favicon
A CSS font styling protip for mixed English & Asian language sites
Favicon
Avoid Layout Shifts Caused by Web Fonts With PostCSS Fontpie
Favicon
Harness the Power of Variable Fonts in React Native for Stunning Typography
Favicon
Here, not there β€” or, making styling behave
Favicon
Managing Fonts in WordPress Block Themes
Favicon
No More Coding Headaches: Try These Easy-On-The-Eyes Programming Fonts
Favicon
Docusaurus: Using fontaine to reduce custom font cumulative layout shift
Favicon
Next.js 13 Fonts with Tailwind
Favicon
How to embed fonts with React and styled-components
Favicon
host google-fonts locally in wordpress
Favicon
Fonts Resources
Favicon
How to customize fonts in React Native
Favicon
Source Code Pro Font in VSCode (macOS)

Featured ones: