# Stack Overflow switched to system fonts

**URL:** https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997
**Category:** Offtopic
**Created:** [May 12, 2021, 4:19am UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997 "2021-05-12T04:19:02Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![CameronBieganek](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cameronbieganek/32/6915_2.png) [@CameronBieganek](https://discourse.julialang.org/u/CameronBieganek)
#### Post date: [May 12, 2021, 4:19am UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/1 "2021-05-12T04:19:02Z")

</div>

I’m mainly posting this (in Offtopic) to rant and commiserate.

> <https://meta.stackexchange.com/questions/364048/we-are-switching-to-system-fonts-on-may-10-2021>

On my machine (Chrome on a Mac laptop), Stack Overflow is mostly unreadable now. The text is too small, and if I zoom in the formatting gets all wonky. And the worst part is that the font within the code chunks is far too small and narrow. Only about half the column width gets used inside code chunks now.

Here’s an example of how it looks on my machine:

 ![Screen Shot 2021-05-11 at 11.16.59 PM](https://global.discourse-cdn.com/julialang/original/3X/8/6/86e9b751bf2e23864c77e02196f37991f3eb62d1.png)

Look at all that empty space on the right half of the code block, because the font in the code block is so tiny…

---

<div class="post-metadata">

### Author: ![LeePhillips](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/leephillips/32/205514_2.png) [@LeePhillips](https://discourse.julialang.org/u/LeePhillips)
#### Post date: [May 12, 2021, 5:41pm UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/2 "2021-05-12T17:41:28Z")

</div>

Set the default monospace font in your browser’s settings to something different, or to a different size.

---

<div class="post-metadata">

### Author: ![CameronBieganek](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cameronbieganek/32/6915_2.png) [@CameronBieganek](https://discourse.julialang.org/u/CameronBieganek)
#### Post date: [May 12, 2021, 6:18pm UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/3 "2021-05-12T18:18:16Z")

</div>

I don’t think that works because the Stack Overflow CSS specifies specific fonts for each operating system, so the browser does not fall back to browser default fonts when rendering Stack Overflow sites.

---

<div class="post-metadata">

### Author: ![CameronBieganek](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cameronbieganek/32/6915_2.png) [@CameronBieganek](https://discourse.julialang.org/u/CameronBieganek)
#### Post date: [May 12, 2021, 6:24pm UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/4 "2021-05-12T18:24:11Z")

</div>

Interestingly, the font size for code blocks looks much better on my external monitor than on my Mac laptop. My external monitor is 4K, but the DPI is still lower than the Mac retina screen, so that might have something to do with it… 🤷‍♂️

---

<div class="post-metadata">

### Author: ![LeePhillips](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/leephillips/32/205514_2.png) [@LeePhillips](https://discourse.julialang.org/u/LeePhillips)
#### Post date: [May 12, 2021, 6:33pm UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/5 "2021-05-12T18:33:13Z")

</div>

You are right. I should have tried it first! No effect.

---

<div class="post-metadata">

### Author: ![LeePhillips](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/leephillips/32/205514_2.png) [@LeePhillips](https://discourse.julialang.org/u/LeePhillips)
#### Post date: [May 12, 2021, 8:48pm UTC](https://discourse.julialang.org/t/stack-overflow-switched-to-system-fonts/60997/6 "2021-05-12T20:48:16Z")

</div>

It might work in Firefox, which has a setting for overriding site fonts, but Chrome does not. However, you can use a bookmarklet, which is what I usually use for site surgery. Something like

javascript:Array.prototype.forEach.call(document.getElementsByTagName(“code”), function(e){e.style.fontSize = “1.2em”})

enlarges code display on StackOverflow nicely. You can go further and substitute fonts of your choosing, etc.
