Search code examples
fontsgoogle-font-apitext-rendering

'ASAP' & 'UBUNTU 'google font suddenly disformed


We've been using the ASAP font in our web application for the past years without a problem. Suddenly we started noticing deformities using the 'ASAP' google font. They only occured when the font was used to render < 16px font-size. Same issues arised with the 'Ubuntu' font.

Does anyone have any idea what is causing these issues?

We've noticed these issues on: IE11, lastest Chrome, Edge, Firefox, Safari, on the OS's Win10, MacOS.

example-1 example-2


Solution

  • Fixed it by manually downloading the fonts and using them in our project.