# Make JuliaMono a bit smaller in discourse

**URL:** <https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343>\
**Category:** Meta Discussion\
**Created:** [July 27, 2021, 3:41am UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343 "2021-07-27T03:41:05Z")\
**Posts on this page:** 13\
**Page:** 2

<div class="post-metadata">

**Author:** ![thofma](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thofma/32/1691_2.png) [@thofma](https://discourse.julialang.org/u/thofma)\
**Post date:** [July 29, 2021, 8:03am UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/21 "2021-07-29T08:03:25Z")

</div>

It is still looking odd for me on dark mode, vanilla Chrome on a vanilla Ubuntu:

 ![Bildschirmfoto vom 2021-07-29 09-53-13](https://global.discourse-cdn.com/julialang/original/3X/b/4/b4902b36966b4bf4e7ca10687d611f5813c7cdd3.png)

---

<div class="post-metadata">

**Author:** ![Sukera](https://avatars.discourse-cdn.com/v4/letter/s/ce7236/32.png) [@Sukera](https://discourse.julialang.org/u/Sukera)\
**Post date:** [July 29, 2021, 9:05am UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/22 "2021-07-29T09:05:17Z")

</div>

Same for me, even in a different browser:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/c/9/c992708b0ebee4f55c60878d9eddf241195eff94.png)

The source also still infers `1em` for the inline code block 😕

---

<div class="post-metadata">

**Author:** ![mbauman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/mbauman/32/31082_2.png) [@mbauman](https://discourse.julialang.org/u/mbauman)\
**Post date:** [July 29, 2021, 3:56pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/23 "2021-07-29T15:56:55Z")

</div>

That doesn’t look like `1em` to me in that screenshot. While `1em` still appears in the stylesheet for inline code, it should be overridden by a more specific and `!important` property setting it back to `var(--base-font-size)`. It does look like the larger x-height and maybe the hinting thing.

I’m stumped on the hinting problem since I’m neither a font nor CSS person and it doesn’t reproduce on my screen… so I’ll need help to figure out a workaround.

---

<div class="post-metadata">

**Author:** ![pfitzseb](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/pfitzseb/32/45566_2.png) [@pfitzseb](https://discourse.julialang.org/u/pfitzseb)\
**Post date:** [July 29, 2021, 4:21pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/24 "2021-07-29T16:21:25Z")

</div>

I also still get `1em` for `code` elements:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/f/f/ffd22155297435dad80cb889a4a929accf0838c2.png)

Pretty sure it’s not a caching thing, unless Discourse itself caches stuff on its end.

---

<div class="post-metadata">

**Author:** ![mbauman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/mbauman/32/31082_2.png) [@mbauman](https://discourse.julialang.org/u/mbauman)\
**Post date:** [July 29, 2021, 4:33pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/25 "2021-07-29T16:33:50Z")

</div>

Ok another 🤦‍♂️: I wasn’t doing the CSS selector correctly and confused myself since the toplines of `E`E happened to be lining up perfectly on my screen before. Now the topline of the code font is slightly smaller, but the x-heights match better… which is probably the better tradeoff.

![image](https://global.discourse-cdn.com/julialang/original/3X/e/5/e5d61201f0d071d7b528cb86ba1b2292e7379de9.png)

Not exactly my forte here… 🙂

---

<div class="post-metadata">

**Author:** ![thofma](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thofma/32/1691_2.png) [@thofma](https://discourse.julialang.org/u/thofma)\
**Post date:** [July 29, 2021, 5:11pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/26 "2021-07-29T17:11:53Z")

</div>

Thanks. Works for me now 🙂

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [July 29, 2021, 5:13pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/27 "2021-07-29T17:13:59Z")

</div>

You’re doing a good job, Matt!

For comparison, here’s the Python documentation:

 ![Screenshot 2021-07-29 at 17.59.14](https://global.discourse-cdn.com/julialang/original/3X/3/3/332418d3b1bfc95f1b7cf69caf9460e7c769449d.png)

Courier is timeless! 🙂

I think Apple do very well - they have matching mono and proportional fonts (and a few billion dollars to spare from which to fund their Typography Division):

 ![Screenshot 2021-07-29 at 18.02.27](https://global.discourse-cdn.com/julialang/original/3X/7/4/74cb5fc57a815648adfccee516184373120edfa7.png)

although I wonder whether there’s quite enough contrast…

Mathematica - among the best documentation around - has a few different techniques: sometimes just a change of colour, sometimes a different (not necessarily monospaced) font (and again, a full-time documentation team):

 ![Screenshot 2021-07-29 at 18.04.30](https://global.discourse-cdn.com/julialang/original/3X/d/6/d66047d763300aeb4588d8849589bc6fbefb4d13.png)

I think the Julia manual (v1.7) looks pretty good now:

 ![Screenshot 2021-07-29 at 18.07.30](https://global.discourse-cdn.com/julialang/original/3X/1/6/1661738cf23eb1b32d8ab5cd3685b4389a3f8798.png)

although the dark-mode isn’t as pleasant, with all those colours…

 ![Screenshot 2021-07-29 at 18.11.33](https://global.discourse-cdn.com/julialang/original/3X/4/9/4998a2ebd8799533429761b107fc1ee515cd2c70.png)

These are all as viewed on a high-resolution Mac screen, of course - there’s a lot of variability in how fonts are rendered, and I doubt you’ll be able to please everyone, whatever you do.

---

<div class="post-metadata">

**Author:** ![nilshg](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/nilshg/32/2283_2.png) [@nilshg](https://discourse.julialang.org/u/nilshg)\
**Post date:** [July 29, 2021, 5:23pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/28 "2021-07-29T17:23:17Z")

</div>

Looks a lot better now, thanks for keeping at this!

---

<div class="post-metadata">

**Author:** ![Seif\_Shebl](https://avatars.discourse-cdn.com/v4/letter/s/eada6e/32.png) [@Seif\_Shebl](https://discourse.julialang.org/u/Seif_Shebl)\
**Post date:** [July 29, 2021, 7:01pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/29 "2021-07-29T19:01:57Z")

</div>

Thanks Matt, it works much better now.

---

<div class="post-metadata">

**Author:** ![pfitzseb](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/pfitzseb/32/45566_2.png) [@pfitzseb](https://discourse.julialang.org/u/pfitzseb)\
**Post date:** [July 29, 2021, 7:35pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/30 "2021-07-29T19:35:16Z")

</div>

What sans serif font would you suggest to go with JuliaMono? 🙂

---

<div class="post-metadata">

**Author:** ![Seif\_Shebl](https://avatars.discourse-cdn.com/v4/letter/s/eada6e/32.png) [@Seif\_Shebl](https://discourse.julialang.org/u/Seif_Shebl)\
**Post date:** [July 31, 2021, 7:42pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/31 "2021-07-31T19:42:07Z")

</div>

Sorry to revive this again, but the code block font is still much bigger than inline code. Inline code is now perfect, but code blocks font is still too large. See the screenshoot below, the first line is inside a code block surrounded by three back-tics and the second is an inline code enclosed in two single back-tics.

 ![image](https://global.discourse-cdn.com/julialang/original/3X/9/7/9720e3101675ee73ef78347a3881857d9b3a3f4d.png)

---

<div class="post-metadata">

**Author:** ![mbauman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/mbauman/32/31082_2.png) [@mbauman](https://discourse.julialang.org/u/mbauman)\
**Post date:** [August 1, 2021, 10:20pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/32 "2021-08-01T22:20:07Z")

</div>

That’s intentional. Whether it’s a good idea or not is a different question, but I did try having it match and thought it made code blocks too tiny. I believe a desire for larger text in code blocks is why we had the size discrepancy for all code in the first place.

Opinions will vary. If lots find the two sizes funny I’m game to try it. It may just have been the change from the familiar that caught me off guard. 🤷

---

<div class="post-metadata">

**Author:** ![Seif\_Shebl](https://avatars.discourse-cdn.com/v4/letter/s/eada6e/32.png) [@Seif\_Shebl](https://discourse.julialang.org/u/Seif_Shebl)\
**Post date:** [August 1, 2021, 10:44pm UTC](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343/33 "2021-08-01T22:44:58Z")

</div>

Thanks Matt for the reply, I greatly appreciate your effort. Of course if this is what the community like, I’m on board. May be I’m a bit picky when it comes to fonts and consistency. Any way, I’m happy to be a member of such a great community around Julia and thanks to everyone here.

[Previous page](https://discourse.julialang.org/t/make-juliamono-a-bit-smaller-in-discourse/65343.md?page=1)