Use Efficient Font Formats for Better Web Performance

What is this warning?

Your page is using font formats that are not optimized for web delivery. Modern font formats like WOFF2 provide better compression and faster loading times compared to older formats like TTF or OTF.

How to Fix This Issue

@font-face {
  font-family: 'MyFont';
  src: url('font.ttf') format('truetype');
}

@font-face {
  font-family: 'MyFont';
  src: url('font.woff2') format('woff2'),
       url('font.woff') format('woff');
}