# Varela 字体显示异常

**URL:** https://meta.discourse.org/t/font-distortion-with-varela/95129
**Category:** Support
**Created:** [2018年八月20日 00:06 UTC](https://meta.discourse.org/t/font-distortion-with-varela/95129 "2018-08-20T00:06:55Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [2018年八月20日 00:06 UTC](https://meta.discourse.org/t/font-distortion-with-varela/95129/1 "2018-08-20T00:06:55Z")

</div>

I imported the font family, Varela, into my site and there’s this issue where it looks out of place, funky, and distorted whilst viewing the page at a regular zoom. But if you zoom into the text, it looks extremely clear and well-structured.

**This is when you’re at regular zoom:**

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

**This is it when you zoom in very close:**

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/0/e07abe70bc11eccf1d124058fd7b04f330c1c6cb.png)

**Also, here’s the code in case:**

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/0/80eaeaba61de4257db636dd15df74a7fa2da9354.png)

Could my eyes be fooling with me or is this a subtle issue? Cheers.  
Website is [blinqchat.com](http://blinqchat.com) if you’d like to see for yourself.

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [2018年八月20日 00:12 UTC](https://meta.discourse.org/t/font-distortion-with-varela/95129/2 "2018-08-20T00:12:11Z")

</div>

**Update:**

Others have tested and they’ve said it looks perfectly fine on their devices and even on my phone it looks perfectly fine. Any idea why this font looks distorted only on my laptop? 😕

got this response:

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/8/983673f5db48c9331c47d1d22cff92e50a44a402.png)

---

<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年八月20日 00:35 UTC](https://meta.discourse.org/t/font-distortion-with-varela/95129/3 "2018-08-20T00:35:07Z")

</div>

This is based on your OS rendering, has nothing to do with Discourse.

---

<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年八月20日 00:35 UTC](https://meta.discourse.org/t/font-distortion-with-varela/95129/4 "2018-08-20T00:35:12Z")

</div>