# Website fonts readability needs to be improved

**URL:** https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453
**Category:** Help & Feedback
**Tags:** usability
**Created:** [June 21, 2019, 12:40pm UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453 "2019-06-21T12:40:39Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![sadaqat](https://metastudio.org/letter_avatar_proxy/v4/letter/s/aeb1de/32.png) [@sadaqat](https://metastudio.org/u/sadaqat)
#### Post date: [June 21, 2019, 12:40pm UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/1 "2019-06-21T12:40:39Z")

</div>

Design and presentation matters a lot to me (and, research shows its true for many people). Aesthetics of interface can attract, retain or put-off. So, here are my inputs:

Currently the website uses _Roboto_ font, weight=400  
For me its appearing as bold and putting pressure on eyes. I tried changing the font-weight to 300 and 500 it looked more readable. So I suggest that default font weight be made either 300 (thin) or 500 (reasonably thick).

_Roboto_ font, weight=400

 ![Screenshot%20from%202019-06-21%2012-47-20](https://metastudio.org/uploads/default/original/1X/d39c5a5b638e72a6883c9af191b8c767bbec1112.png)

_Roboto_ font, weight=300

 ![Screenshot%20from%202019-06-21%2012-47-59](https://metastudio.org/uploads/default/original/1X/06b98931bd1a0dfe948354c867cc2254e4193d37.png)

_Roboto_ font, weight=500

 ![Screenshot%20from%202019-06-21%2012-50-22](https://metastudio.org/uploads/default/original/1X/08c5332dc9bddd7450243c83d34ce515002866a5.png)

---

<div class="post-metadata">

### Author: ![GN](https://metastudio.org/user_avatar/metastudio.org/gn/32/671_2.png) [@GN](https://metastudio.org/u/GN)
#### Post date: [June 25, 2019, 8:24am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/2 "2019-06-25T08:24:11Z")

</div>

@Siddhu_Dhangar and @mahesh.tirthakar Can you try @sadaqat’s suggestion and improve the readability of the site.

---

<div class="post-metadata">

### Author: ![Siddhu\_Dhangar](https://metastudio.org/user_avatar/metastudio.org/siddhu_dhangar/32/508_2.png) [@Siddhu\_Dhangar](https://metastudio.org/u/Siddhu_Dhangar)
#### Post date: [June 25, 2019, 9:31am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/3 "2019-06-25T09:31:39Z")

</div>

we have set roboto font weight 300 which is applicable to whole site.

---

<div class="post-metadata">

### Author: ![GN](https://metastudio.org/user_avatar/metastudio.org/gn/32/671_2.png) [@GN](https://metastudio.org/u/GN)
#### Post date: [June 25, 2019, 10:23am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/4 "2019-06-25T10:23:26Z")

</div>

Can we have two screenshots, one with 300 and one less than 300 to know which one looks better. Screenshots may be taken on both mobiles as well as desktop.

---

<div class="post-metadata">

### Author: ![Siddhu\_Dhangar](https://metastudio.org/user_avatar/metastudio.org/siddhu_dhangar/32/508_2.png) [@Siddhu\_Dhangar](https://metastudio.org/u/Siddhu_Dhangar)
#### Post date: [June 25, 2019, 10:51am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/5 "2019-06-25T10:51:14Z")

</div>

300 font size screenshots,first one from desktop and second one from mobile:

 ![desktop_300_font_size](https://metastudio.org/uploads/default/original/1X/a72d91cc5d704e8da3ab639fefc3b3fbe2095e7f.png)  
 ![mobile_300_font_size](https://metastudio.org/uploads/default/original/1X/cbca2bfc50f602ab13c687a2a87f251bc8fd2660.jpeg)

200 font size screenshots, first one from desktop and second one from mobile:

 ![desktop_200_font_size](https://metastudio.org/uploads/default/original/1X/0bed0c333e851e10357a6d854301f989774d1d57.png)  
 ![mobile_200_font_size](https://metastudio.org/uploads/default/original/1X/e71531488cafeb4bbed48dd637f190536ed726e4.jpeg)

---

<div class="post-metadata">

### Author: ![GN](https://metastudio.org/user_avatar/metastudio.org/gn/32/671_2.png) [@GN](https://metastudio.org/u/GN)
#### Post date: [June 25, 2019, 10:57am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/6 "2019-06-25T10:57:01Z")

</div>

Are weight and pixel size same?

anyway, 200 does not look good.

@sadaqat please comment?

---

<div class="post-metadata">

### Author: ![Siddhu\_Dhangar](https://metastudio.org/user_avatar/metastudio.org/siddhu_dhangar/32/508_2.png) [@Siddhu\_Dhangar](https://metastudio.org/u/Siddhu_Dhangar)
#### Post date: [June 25, 2019, 11:26am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/7 "2019-06-25T11:26:45Z")

</div>

Are weight and pixel size same?  
No

---

<div class="post-metadata">

### Author: ![sadaqat](https://metastudio.org/letter_avatar_proxy/v4/letter/s/aeb1de/32.png) [@sadaqat](https://metastudio.org/u/sadaqat)
#### Post date: [June 26, 2019, 8:53am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/8 "2019-06-26T08:53:51Z")

</div>

> [@Siddhu\_Dhangar](#):
>
> 300 font size screenshots,first one from desktop and second one from mobile:

This(font weight=300) is giving to me much better readability 👍

---

<div class="post-metadata">

### Author: ![sadaqat](https://metastudio.org/letter_avatar_proxy/v4/letter/s/aeb1de/32.png) [@sadaqat](https://metastudio.org/u/sadaqat)
#### Post date: [June 26, 2019, 8:57am UTC](https://metastudio.org/t/website-fonts-readability-needs-to-be-improved/453/9 "2019-06-26T08:57:41Z")

</div>

Yes, after changes (font weight=300) its giving me much better readability on both mobile and desktop device. Thanks for consideration 🙂  
Hopes its same experience for others.
