1

after upgrading Angular from version 8 to 11, fonts are looking different, they are blurred. Any ideas what can I do/check to make them look the same as they were before? Any help would be appreciated. When I run app locally, it looks better than on deployment environment.

blackRose
  • 180
  • 1
  • 9

1 Answers1

2

You might be hit by something similar to this issue.
There is a new optimization for fonts - external font definitions are inlined as part of the production build. According to the bug above, it might not work in some cases.
Try disabling the fonts inlining optimization in angular.json - https://angular.io/guide/workspace-config#fonts-optimization-options