This question already has answers here:
How to include a font .ttf using CSS?
                                
                                    (3个答案)
                                
                        
                                4个月前关闭。
            
                    
在使用create-react-app创建的react项目中,我在CaviarDreams.ttf文件夹中放置了一个名为/asset的字体文件。

在默认的index.css文件中,我这样做是这样的:

@font-face {
  font-family: 'CaviarDreams';
  src: url('assets/CaviarDreams.ttf') format('truetype'),
}

body {
  margin: 0;
  font-family: "CaviarDreams";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  background: #f2f2f2;
}


但是,字体完全不变。
我也在App.css中尝试过,但还是一样。

难道我做错了什么?

最佳答案

ttf格式不支持Web的100%。

在Web中使用之前,必须将桌面字体转换为Web字体。

尝试-https://www.fontsquirrel.com/tools/webfont-generator(在线Webfont生成器)

并下载网络字体并相应地添加css。

关于css - 如何在create-react-app元素中使用本地字体文件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57472304/

10-11 23:31
查看更多