This question already has answers here:
How to include a font .ttf using CSS?
(3个答案)
4个月前关闭。
在使用
在默认的
但是,字体完全不变。
我也在
难道我做错了什么?
(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/