Font distortion with Varela

[nexo]

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:

This is it when you zoom in very close:

Also, here’s the code in case:

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

[nexo]

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:

[codinghorror (Jeff Atwood)]

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