Accents looks strange on Wikipedia in Chrome on MacOS in Korean

wafrat

• 5 min read

I've noticed this years ago and I couldn't find the cause despite a quick search on Google.

Finding the cause

Here's what I see on Wikipedia:

in Chrome the accents look strange

Notice how à, ê, é and è seem thicker than the other letters, and their baseline looks completely off.

from Google Material 2's typography page

In Safari, it looks alright:

in Safari, accents look alright

This time I asked ChatGPT:

in Chrome on MacOS, accented letters seem misaligned vertically. why?

ChatGPT suggested a few possible causes, none of which seemed relevant except for this one:

Switch Fonts: If the issue is font-specific, try using a different font family (like -apple-system, Arial, or Verdana).

Well, it's Wikipedia's page, I can't tell them to change their font. I can however locally change it and see what happens.

It turns out, the font-family for text in Wikipedia is "sans-serif". What this means is that it's not a specific font. It's a generic family, and it's up to the environment to pick the right font. What is being used in my browser? And why is it alright in Safari?

I ask ChatGPT again. It answers some irrelevant information again, but also "tweaking Chrome’s font settings (as suggested earlier) can help bridge the gap", and teaches me how:

Option 2: Change Chrome’s Default Fonts Globally
1. Open Chrome Settings – Go to chrome://settings/fonts.
2. Adjust Font Families:
  a. Set Standard font to -apple-system or Arial.
  b. Set Serif font to Georgia or Times New Roman.
  c. Set Sans-serif font to Helvetica or Verdana.
  d. Set Fixed-width font to Menlo or Courier New.
3. Reload Pages – This will apply across all websites that don't explicitly set their own fonts.

Here's what chrome://settings/fonts looks like on my Korean system:

And here's what it looks like on my other Mac system, set to English.

So on Chrome on a Korean system, it uses Apple SD Gothic Neo, and on a US system, it uses Helvetica. Incidentally, accents look fine on the US system:

When I google about Apple SD Gothic Neo, I see similar reports:

I find it completely antiquated that a font might not support simple things such as accents, even if that font was made for Asian scripts.

Looking for a better font

I could set it to Helvetica like it's been set by default. Some people mentioned  Open Sans and Nanum Gothic. I also know of Noto Sans.

Open Sans

Open Sans does not seem to support Korean script, so that's a no-no.

Nanum Gothic

Nanum Gothic does not seem to support latin accents.

Noto Sans Korean

This one seems to support both well.

Helvetica

Helvetica supports both as well

Choice

Strangely, Noto Sans is installed on my system, but the Korean variant is not.

For simplicity and consistency, let's set it to Helvetica and be done with it. After setting the default and sans-serif font to Helvetica, Wikipedia text looks alright.

accents finally look fine in Chrome on my Korean system

Korean looks OK too.

Reporting the bug?

If I were to report it, it probably would make sense to file it to Chromium.

A few bugs mention that font. Most have been declared obsolete, fixed or duplicates. Only one is still open, assigned but untouched since May 3, 2024. Today is Jan 2, 2025.

Some bugs do look similar, like this one:

  • Title: Default Korean font update in OSX

What is the expected result?

  • Apple changed default Korean font from Apple Gothic (old) to Apple SD Gothic Neo (new) OSX 10.8 and iOS5.1
  • Google Chrome should display default Korean font in Apple SD Gothic Neo when no style is given.
  • I have reported same issue to Mozilla and they fixed it.
  • Now, only Google Chrome is left behind."

They also mention how the font changes according to <html lang="ko/en">.

In my case, lang is set to "fr".

lang="fr"

So I filed the bug at https://issues.chromium.org/issues/387203433.

Sign up for more like this.

Enter your email
Subscribe