# OSX Catalina upgrade messes up Wanikani fonts

**URL:** https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506
**Category:** WaniKani
**Created:** [October 9, 2019, 4:44pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506 "2019-10-09T16:44:47Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 4:44pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/1 "2019-10-09T16:44:47Z")

</div>

I just allowed my mac to upgrade to OSX Catalina, and the Japanese fonts in Wanikani look awful.

I haven’t got time to try and fix this yet, but I thought people might appreciate a warning.

If anyone knows how to fix it, please let me know. When I get a chance to figure it out, I’ll post an update.

---

<div class="post-metadata">

### Author: ![emucat](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/emucat/32/202831_2.png) [@emucat](https://community.wanikani.com/u/emucat)
#### Post date: [October 9, 2019, 6:54pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/2 "2019-10-09T18:54:26Z")

</div>

They look the same to me

---

<div class="post-metadata">

### Author: ![MosbyNeko](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/mosbyneko/32/166627_2.png) [@MosbyNeko](https://community.wanikani.com/u/MosbyNeko)
#### Post date: [October 9, 2019, 7:01pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/3 "2019-10-09T19:01:53Z")

</div>

That’s weird, I’ve updated as well and haven’t noticed any difference. Are you using any scripts that might affect fonts?

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 7:51pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/4 "2019-10-09T19:51:53Z")

</div>

In Chrome and Brave, the fonts look messed up - very fat strokes, with not enough space between parts of the characters. In Safari, things look fine.

---

<div class="post-metadata">

### Author: ![fearthefall](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/fearthefall/32/59612_2.png) [@fearthefall](https://community.wanikani.com/u/fearthefall)
#### Post date: [October 9, 2019, 8:13pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/5 "2019-10-09T20:13:02Z")

</div>

I wondered if Wanikani changed the fonts, but I guess it was the OS update. I hate it. I feel like it makes things even harder to remember 😕

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 8:24pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/6 "2019-10-09T20:24:02Z")

</div>

I’m relieved it’s not just happening to me! Yes, it looks hideous now.

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 8:24pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/7 "2019-10-09T20:24:23Z")

</div>

No. No scripts at all.

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 8:30pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/8 "2019-10-09T20:30:57Z")

</div>

Do you usually use Safari as your browser? Things seem to look OK if I use that, although I don’t know if it’s changed, because I never used to use it.

---

<div class="post-metadata">

### Author: ![MosbyNeko](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/mosbyneko/32/166627_2.png) [@MosbyNeko](https://community.wanikani.com/u/MosbyNeko)
#### Post date: [October 9, 2019, 8:42pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/9 "2019-10-09T20:42:27Z")

</div>

Yes, I usually use Safari. To be clear, are you talking about Japanese characters during lessons/reviews? Or all Japanese characters across the entire site (vocab pages, etc)?

I don’t have any reviews due at the moment so can’t check that right now, but the fonts on the vocab pages look identical in Safari and Chrome for me…

---

<div class="post-metadata">

### Author: ![Nightscotsman](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nightscotsman/32/259421_2.png) [@Nightscotsman](https://community.wanikani.com/u/Nightscotsman)
#### Post date: [October 9, 2019, 8:42pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/10 "2019-10-09T20:42:40Z")

</div>

How does it look in Firefox?

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 9, 2019, 9:18pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/11 "2019-10-09T21:18:02Z")

</div>

Here’s what I’m talking about.

 ![36](https://global.discourse-cdn.com/wanikanicommunity/original/4X/5/b/a/5bac619772785bb906ab5eb54fecf2700b7beace.png) ![35](https://global.discourse-cdn.com/wanikanicommunity/original/4X/a/3/b/a3b0c285b889ef48b9c02e11fe44478be764dbc1.png)

The messed up one is using Google Chrome, the other is using Safari.

It affects all characters on the site. The worst affected are the “displayed” characters (reviews, lessons and search results) but even the example sentences are affected - the font for those looks OK, but the kerning is off, with the characters looking squeezed together.

I don’t have Firefox installed, so I don’t know how it looks in that.

---

<div class="post-metadata">

### Author: ![oldbonsai](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/oldbonsai/32/33394_2.png) [@oldbonsai](https://community.wanikani.com/u/oldbonsai)
#### Post date: [October 9, 2019, 9:37pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/12 "2019-10-09T21:37:19Z")

</div>

It looks like some kind of interface between Chrome and the macOS font system has changed on Catalina.

We ran some tests here, and saw the same behavior and rendering. There’s a long list of fonts we suggest in our CSS, with Hiragino Kaku Gothic Pro getting first position. Further down the list are fonts that are on Windows, or fonts we recommend to our Linux users.

Chrome is no longer matching against the font family name “Hiragino Kaku Gothic Pro”, instead falling way down to a chunkier alternative “Osaka”. But! It does match against the PostScript font name "HiraKakuPro-W6”.

There are problems with specifying the font with the PostScript name, though. First, it’ll mess up the browsers that are working well. Also, that’s a font name, not a font _family_ name, so it includes the weight. If we put the PostScript name in the list, it’s going to make a bunch of other stuff look weird.

I logged a bug with Chrome (submitting it into whatever black box the “report a problem” window represents). We’ll keep an eye on this, but I’d say use Safari for a while, and watch out for a Chrome update. Maybe they’ll fix it in the next release. Safari has the benefit of being _way_ better for battery life if you’re on a laptop, too.

---

<div class="post-metadata">

### Author: ![Nightscotsman](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nightscotsman/32/259421_2.png) [@Nightscotsman](https://community.wanikani.com/u/Nightscotsman)
#### Post date: [October 9, 2019, 9:55pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/13 "2019-10-09T21:55:14Z")

</div>

Except you can’t run user scripts with Safari currently 😞

UPDATE: TamperMonkey for Safari 13.x has been submitted to Apple and is in review 🤞

---

<div class="post-metadata">

### Author: ![pizataberu](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@pizataberu](https://community.wanikani.com/u/pizataberu)
#### Post date: [October 9, 2019, 11:17pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/14 "2019-10-09T23:17:22Z")

</div>

> [@david76](#):
>
> I don’t have Firefox installed, so I don’t know how it looks in that.

Thanks for sharing your screenshots! I feel you! I felt something different but I didn’t realise about this font problem after upgrading to Catalina. Based on OldBonsai’s suggestion, I temporarily stopped using Chrome, and just use Firefox, for now.

Screenshot on Firefox

 ![Firefox](https://global.discourse-cdn.com/wanikanicommunity/original/4X/4/3/3/43367380b819e2a38f17c10d6eb6af0955d638d0.png)

Screenshot on Chrome

 ![Chrome](https://global.discourse-cdn.com/wanikanicommunity/original/4X/7/c/8/7c8c30bbec59d55705e7e7d989be5b9e515ea21b.png)

---

<div class="post-metadata">

### Author: ![dannyboy731](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@dannyboy731](https://community.wanikani.com/u/dannyboy731)
#### Post date: [October 10, 2019, 7:45pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/15 "2019-10-10T19:45:37Z")

</div>

FWIW, it seems there is an [open issue on chromium.org](https://bugs.chromium.org/p/chromium/issues/detail?id=1000542) dealing with this. Sounds like some kind of issue with sans-serif font matching. Hiragino Sans _seems_ to work for me in Chrome, anyway.

---

<div class="post-metadata">

### Author: ![david76](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/david76/32/248989_2.png) [@david76](https://community.wanikani.com/u/david76)
#### Post date: [October 13, 2019, 3:33pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/16 "2019-10-13T15:33:20Z")

</div>

Even using Safari, some things are still messed up.

It’s mostly fine, but I got this today.

![55](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/7/b/b7b776d3544a4d8c06ed72c395e6452de2e829f2.png)

---

<div class="post-metadata">

### Author: ![emucat](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/emucat/32/202831_2.png) [@emucat](https://community.wanikani.com/u/emucat)
#### Post date: [October 14, 2019, 12:20pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/17 "2019-10-14T12:20:09Z")

</div>

Deathstar?

---

<div class="post-metadata">

### Author: ![Swyn](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/swyn/32/236525_2.png) [@Swyn](https://community.wanikani.com/u/Swyn)
#### Post date: [October 15, 2019, 10:33am UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/18 "2019-10-15T10:33:38Z")

</div>

Hello 🙂 Any news about the submission ?

---

<div class="post-metadata">

### Author: ![Swyn](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/swyn/32/236525_2.png) [@Swyn](https://community.wanikani.com/u/Swyn)
#### Post date: [October 15, 2019, 4:22pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/19 "2019-10-15T16:22:52Z")

</div>

TamperMonkey just came out for Safari 13.0.2… but it cost 2.29€…

---

<div class="post-metadata">

### Author: ![Nightscotsman](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nightscotsman/32/259421_2.png) [@Nightscotsman](https://community.wanikani.com/u/Nightscotsman)
#### Post date: [October 15, 2019, 7:54pm UTC](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506/20 "2019-10-15T19:54:21Z")

</div>

$1.99 on US App Store: [‎Tampermonkey on the Mac&nbsp;App&nbsp;Store](https://apps.apple.com/us/app/tampermonkey/id1482490089?mt=12)

Worth. It.

[Next page](https://community.wanikani.com/t/osx-catalina-upgrade-messes-up-wanikani-fonts/39506.md?page=2)
