using custom font in css using zip file in react application

Issue

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.

Solution

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.

Answered By - Maximilian Fischer