Как правильно подключить иконочный шрифт css?

 @font-face { 
  font-family: "remixicon"; 
  src: url('./fonts/remixicon.eot?t=1681573354175'); /* IE9*/ 
  src: url('./fonts/remixicon.eot?t=1681573354175#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
  url("./fonts/remixicon.woff2?t=1681573354175") format("woff2"),
  url("./fonts/remixicon.woff?t=1681573354175") format("woff"), 
  url('./fonts/remixicon.ttf?t=1681573354175') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 
  url('./fonts/remixicon.svg?t=1681573354175#remixicon') format('svg'); /* iOS 4.1- */ 
  font-display: swap; 
} 
 
[class^="ri-"], [class*=" ri-"] { 
  font-family: 'remixicon' !important; 
  font-style: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
} 

 https://site.ru/fonts/remixicon.woff2 

   url("./fonts/remixicon.woff2") format("woff2"),