magento2 custom-theme – How to Use Blank-Theme-Icons/Blank-Theme-Icons.woff2 in Custom Theme in Magento 2

custom-themeicons-blank-thememagento2

In PageSpeed Insights:
Ensure text remains visible during Webfont load
Leverage the font-display CSS feature to ensure text is user-visible while web fonts are loading.

Blank-Theme-Icons/Blank-Theme-Icons.woff2
I want to use this font in my custom theme and adding 

font-display :swap

Best Answer

Include the Blank-Theme-Icons.woff2 font in your CSS file by adding below lines in your theme's CSS file.

@font-face {
  font-family: 'icons-blank-theme';
  src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

Hope it helps!!!

Related Topic