我在index.module.less中导入
@font-face {
font-family: 'Quicksand';
src: url('/public/fonts/Quicksand.ttf');
font-weight: 400;
font-style: normal;
font-display: swap;
}
.quicksand-font {
font-family: 'Quicksand', system-ui, sans-serif;
font-size: 16rpx;
letter-spacing: 0.5rpx;
}
字体目录位置是没错的
而我对此的应用为
<Text className={styles.quicksandFont}>这是 Quicksand 字体</Text>
<Text>这是默认字体</Text>
但是实际并没有应用成功
看下是不是代码写错了。应该是
Code: Select all
<Text className={styles['quicksand-font']}>这是 Quicksand 字体</Text>
app上需要注意一下，字体定制不能在涂鸦智能、智能生活上使用，只能在自己的OEM App或者SDK开发的App上使用定制字体。
muhai 2025年 Mar 20日 10:38看下是不是代码写错了。应该是
Code: Select all
<Text className={styles['quicksand-font']}>这是 Quicksand 字体</Text>
谢谢，我修改引入后，只有字体大小粗细成功修改了。
但是字体字形没有得到修改
下方显示渲染的字体还是微软雅黑
你好，意思是，字体的修改在ide中查看不到嘛？
是的，IDE上看不到字体效果
url的路径不要public开头，
@font-face {
font-family: 'Quicksand';
src: url('/fonts/Quicksand.ttf');
font-weight: 400;
font-style: normal;
font-display: swap;
}
谢谢讲解