# We need a "large fonts" and "small fonts" theme to ship with Discourse

**URL:** https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879
**Category:** Feature
**Created:** [4월 13, 2017, 12:18오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879 "2017-04-13T00:18:45Z")
**Posts on this page:** 16
**Page:** 2

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [7월 25, 2017, 4:55오후 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/23 "2017-07-25T16:55:12Z")

</div>

No news, user selectable theme components is probably going to land for next release.

---

<div class="post-metadata">

### Author: ![Jimble](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimble/32/75902_2.png) [@Jimble](https://meta.discourse.org/u/Jimble)
#### Post date: [7월 28, 2017, 9:17오후 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/24 "2017-07-28T21:17:33Z")

</div>

Ok! Let me know if you need some real world scenario betatesting of the large font theme.  
I have the perfect people to try it out. Experienced forum users with eyesight accessibility challenges.

---

<div class="post-metadata">

### Author: ![Drew\_Koch](https://avatars.discourse-cdn.com/v4/letter/d/73ab20/32.png) [@Drew\_Koch](https://meta.discourse.org/u/Drew_Koch)
#### Post date: [9월 15, 2017, 4:22오후 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/25 "2017-09-15T16:22:17Z")

</div>

Oh cool thanks for this info

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [12월 1, 2017, 3:04오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/26 "2017-12-01T03:04:31Z")

</div>

@awesomerobot we are going to want to revisit this at some point. I wonder, does it make sense to move to REM/EM based font sizing so making this theme becomes trivial?

Our px based styling makes getting a polished version of a large font theme a bit of a nightmare to say the least.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [12월 1, 2017, 4:50오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/27 "2017-12-01T04:50:59Z")

</div>

Agree 1000% — I think we’d do a REM based system, then you’d be able to change one variable and scale everything proportionately. I think this is something we can get accomplished in the nearish future.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 1, 2017, 7:09오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/28 "2017-12-01T07:09:39Z")

</div>

I am not 100% sure every single place text appears, should scale exactly the same?

There is also the legacy browser font size setting:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/3/43a3b27df9514d19dbe9f362b4fd1c19f1c43b58.png)

[Mostly browsers use zoom these days which scales everything up](https://blog.codinghorror.com/the-two-types-of-browser-zoom/), but there is the legacy font size selector, for what it’s worth..

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [12월 2, 2017, 3:53오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/29 "2017-12-02T03:53:00Z")

</div>

I think it could probably be a mix. If someone wants to scale everything up proportionately and not think about it we can make it easy — but also having various controllable sub-sections is probably a good idea if I wanted to, for example, scale-up post text but leave admin text alone.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [12월 2, 2017, 4:33오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/30 "2017-12-02T04:33:58Z")

</div>

I think there are two font sizes we’re talking about here.

1. General font size of entire site. Not necessary on desktop browsers since you can always zoom. Critical on mobile where you can’t scale by site. An rem based css will be perfect here.

2. Font size of post texts vs ui elements. This should be relatively easier. Just a bunch of css overrides. I do this on my own sites.

In my experience it is #2 that is the prob, rarely #1 unless you have a strange mobile device. A lot of content site have a font size button the scale up content text size vs ui.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [12월 2, 2017, 6:47오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/31 "2017-12-02T06:47:10Z")

</div>

I think this is a great intro into rems/ems and pxs via @chriscoyier

> **[Font Size Idea: px at the Root, rem for Components, em for Text Elements |...](https://css-tricks.com/rems-ems/)**
>
> Me, for the last year or so: "rem's are so cool! I'm gonna size everything with them, that way I can adjust the font-size on the root element and everything

The idea is that we get a much saner framework to work with as opposed to px everywhere that means you have to override px everywhere.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 2, 2017, 7:05오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/32 "2017-12-02T07:05:04Z")

</div>

I do ❤ me some @chriscoyier

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [12월 2, 2017, 7:59오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/33 "2017-12-02T07:59:05Z")

</div>

But sizing the text relative to the module has the huge problem of having many different text sizes. Most of the time you don’t want different text sizes. You want to tweak the dimensions of the modules but keep text sizes consistent.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [12월 2, 2017, 8:03오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/34 "2017-12-02T08:03:03Z")

</div>

If we use EMs they are relative to the module (eg: post, header ) if we use REMs they are relative to root

Either way you fiddle with far less stuff to turn on big fonts.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1월 18, 2018, 5:34오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/35 "2018-01-18T05:34:27Z")

</div>

Now that @awesomerobot finished the giant font size refactor this is super trivial.

```plaintext
html {
    font-size: 16px !important;
}

```

And fonts are large, you could probably even push it up to 17px.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [1월 22, 2018, 10:24오전 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/36 "2018-01-22T10:24:35Z")

</div>

> [@sam](#):
>
> Now that @awesomerobot finished the giant font size refactor this is super trivial.
> 
> html {  
> font-size: 16px !important;  
> }
> 
> And fonts are large, you could probably even push it up to 17px.

That’s really ‘awesome’ guys, thanks!

Requested by my users recently and implemented in seconds: who can argue with that?!

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 14, 2019, 6:56오후 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/37 "2019-01-14T18:56:37Z")

</div>

Per-user font size selection is now part of Discourse. You’ll find the setting under your interface preferences.

[https://github.com/discourse/discourse/commit/1ebd3dbbd02a684b139e74b53d0545f15d78a1af](https://github.com/discourse/discourse/commit/1ebd3dbbd02a684b139e74b53d0545f15d78a1af)

[https://global.discourse-cdn.com/meta/original/3X/a/9/a9f8f86395a214b6c6b17ef7331965b9547f6f56.mp4](https://global.discourse-cdn.com/meta/original/3X/a/9/a9f8f86395a214b6c6b17ef7331965b9547f6f56.mp4)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 14, 2019, 6:56오후 UTC](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/38 "2019-01-14T18:56:43Z")

</div>



[이전 페이지](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879.md?page=1)
