在 css 中使用自定義字體 在 React 應用程序中使用 zip 文件

Question

我必須在我的網站上使用custom font 。

我正在使用font-family: 'barclays-regular'但它沒有反映。 所以現在他們為字體提供了barclays-font.zip並說使用.woff格式。 我不知道如何在我們的css中使用.zip文件和.woff 。 怎么做？ 任何建議或鏈接都會有所幫助。

我在我們的react app中使用這些字體。

Answer 1

您可以使用@font-face加載自定義 fonts。

這篇文章很好地展示了如何做到這一點。

將字體添加到您的項目並在您的 .css 文件中引用它以便能夠使用它。