Custom font is grainy on Desktop

Design help General
1

Hello everyone,

My client wants to use her font - Abys - for her website titles. I have added it on Webflow and it looks grainy on desktop (on mobile it looks fine). I noticed that the font is particularly heavy (1.9MB), could that be the reason? Do you have any suggestions that could help me solve the problem?

Thank you in advance for you valuable help.

Read only link: https://preview.webflow.com/preview/clemis-granola?utm_medium=preview_link&utm_source=designer&utm_content=clemis-granola&preview=ce8e84e55b391030c15c5cf4a3a7a5db&mode=preview

All the best,

Ginevra

2

This font is overly complicated. When a vector thing tries to mimick distressed graphics, vector becomes a burden. This site title should be an image, a PNG images, not even a SVG image.

1 Like
3

Thank you so much for your prompt answer! I am afraid that turning it into an image will negatively impact the SEO, since google will not detect an H1. What do you think about it?