在 css 中使用自定义字体 在 React 应用程序中使用 zip 文件

Question

I have to use custom font in my website.

I am using font-family: 'barclays-regular' but it is not reflecting. so now they have provided barclays-font.zip for font and said use .woff format. I dont know how to use .zip file and .woff in our css . how to do it? any suggestions or link would be helpful.

I am using these font in our react app .

Answer 1

You can load custom fonts using @font-face .

This article shows really well how to do this.

Add the font to your project and reference it inside your.css file to be able to use it.