Bunu temaya uyarlamam lazım fakat bir fark yok gibi nerede hata yapıyorum ?

Aldığım Hata: Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın

Benim font face satırım:

@font-face {
  font-family: 'TMSans';
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: local('TMSans Regular'), local('TMSans-Regular'), url("fonts/tmsans/TMSans-Regular.woff") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

Googlenin önerdiği, yapmamı istediği şekil;

https://jsbin.com/nigahi/latest/edit?html,output