Tuya Developer Forum

我在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>

但是实际并没有应用成功

看下是不是代码写错了。应该是

<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>

谢谢，我修改引入后，只有字体大小粗细成功修改了。

但是字体字形没有得到修改

下方显示渲染的字体还是微软雅黑

muhai 2025年 Mar 20日 10:40

app上需要注意一下，字体定制不能在涂鸦智能、智能生活上使用，只能在自己的OEM App或者SDK开发的App上使用定制字体。

你好，意思是，字体的修改在ide中查看不到嘛？

silverlight 2025年 Mar 26日 15:11

muhai 2025年 Mar 20日 10:40

app上需要注意一下，字体定制不能在涂鸦智能、智能生活上使用，只能在自己的OEM App或者SDK开发的App上使用定制字体。

你好，意思是，字体的修改在ide中查看不到嘛？

是的，IDE上看不到字体效果

url的路径不要public开头，

@font-face {
font-family: 'Quicksand';
src: url('/fonts/Quicksand.ttf');
font-weight: 400;
font-style: normal;
font-display: swap;
}

muhai 2025年 Mar 27日 17:36

silverlight 2025年 Mar 26日 15:11

muhai 2025年 Mar 20日 10:40

app上需要注意一下，字体定制不能在涂鸦智能、智能生活上使用，只能在自己的OEM App或者SDK开发的App上使用定制字体。

你好，意思是，字体的修改在ide中查看不到嘛？

是的，IDE上看不到字体效果

谢谢讲解