# Font size or text alignment issues on Meta? Report them here

**URL:** https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766
**Category:** UX
**Created:** [2018年一月11日 15:55 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766 "2018-01-11T15:55:52Z")
**Posts on this page:** 12
**Page:** 1

<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: [2018年一月11日 15:55 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/1 "2018-01-11T15:55:53Z")

</div>

Related to: [Cleaning up our font system](https://meta.discourse.org/t/cleaning-up-our-font-system/75396)

We’re testing out a streamlined font/line-height system here on Meta. If you notice any issues that may be caused by font sizes or text-related spacing issues, report them here.

Please only report potential problems, do not respond with new feature requests.

---

<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: [2018年一月11日 15:56 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/2 "2018-01-11T15:56:11Z")

</div>



---

<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: [2018年一月11日 20:22 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/3 "2018-01-11T20:22:29Z")

</div>

Numbers in my mickey mouse ears are a bit high.

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/3/232ec3b33a9704f2a3c5ebcf4eb17bfcb7247062.png)

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [2018年一月12日 00:06 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/4 "2018-01-12T00:06:24Z")

</div>

- The small action posts use less space than they used to:  

- The font size of names and titles above posts increased:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/4/a/4a70948907b16a6dcdecf04ae56d41fd4591b7ab.png)

- The composer’s toolbar is higher.

---

<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: [2018年一月12日 07:42 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/5 "2018-01-12T07:42:39Z")

</div>

Edit time on posts got a fair bit smaller:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/8/18ff43d4b4fb355423630b289c7b85bd28eceffb.png)

vs

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/6/16042fdbaeef1d6c9bc116612296a381a2128071.png)

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2018年一月12日 15:42 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/6 "2018-01-12T15:42:43Z")

</div>

Topic list text size got bigger on mobile.

 ![Screenshot_20180112-104143](https://global.discourse-cdn.com/meta/original/3X/2/6/26dae4dbf0411fe08952c2b7f6a555604569028d.jpg) ![Screenshot_20180112-104156](https://global.discourse-cdn.com/meta/original/3X/4/d/4d7d624626128308de09d83ecefce4e516cb0d46.png)

---

<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: [2018年一月12日 16:29 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/7 "2018-01-12T16:29:30Z")

</div>

> [@gerhard](#):
>
> The font size of names and titles above posts increased:

> [@sam](#):
>
> Edit time on posts got a fair bit smaller:

These are probably the most noticeable (intentional) changes, and I wanted to see if anyone noticed (you did!) and had any thoughts…

Both names and titles were .929em, which is a font-size I eliminated. So I moved names and titles to 1em and post meta to .8706em (seemed like a logical way to treat the hierarchy of information).

The reasoning for the elimination is that I’m using a formula to create our font scale: `multiplier ^ (step / interval) `. So from 1em, 1 size up is `2^(1/5)`, and one size down is `2^(-1/5)`. This makes it sane to move up and down the font scale (while nesting ems) without creating a potential infinite number of font size variations.

A couple options if this change is undesirable:

1. We could move names/meta both up to 1em, which is ~.7em larger than they used to be (the .87em size is too small for names, IMO).

2. I could modify the scale I’m using to provide more options (something like `2^(X/8)`). I was trying to keep the interval small, but adding more sizes is still much better than what we started with. We’d then have a `.917em` font-size for names/dates, and 21 available font-size variables instead of the 13 I’m using currently.

If you want to an overview of the available sizes in each scale, you can see them here

https://codepen.io/wavyknife/embed/preview/XVjoZN?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=XVjoZN

---

<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: [2018年一月13日 02:48 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/8 "2018-01-13T02:48:59Z")

</div>

I like the mobile change but remember that post times are click / tap targets so should not be made smaller imo.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2018年一月15日 10:32 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/9 "2018-01-15T10:32:04Z")

</div>

Did suggested topics get a little bit bigger? _Something_ about it looks different.

---

<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: [2018年一月16日 02:03 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/10 "2018-01-16T02:03:30Z")

</div>

This was a part of @awesomerobot’s changes around line height.

---

<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: [2018年一月16日 02:38 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/11 "2018-01-16T02:38:46Z")

</div>

I think the new “time of post” sizing works fine on desktop, but we also need a bump up on mobile where it is way too small now.

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2018年一月16日 03:03 UTC](https://meta.discourse.org/t/font-size-or-text-alignment-issues-on-meta-report-them-here/77766/12 "2018-01-16T03:03:37Z")

</div>

Tags have gotten quite large in the header when scrolled down in a topic that does not have a category:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/a/3/a3daa70c2b4e2a2a19de99ec71233553132cc3e8.png)
