Use WOFF2 Font Format for Better Compression and Performance

What is this warning?

Font files on your page are using older formats like TTF or WOFF instead of the more efficient WOFF2 format. WOFF2 provides superior compression, resulting in smaller file sizes and faster font loading.

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');
}