uniapp如何设置自定义的思源黑体
要在 Uniapp 中全局默认使用自定义的思源黑体字体,您可以按照以下步骤进行操作:
在项目的
static目录下创建一个名为font的文件夹(如果不存在)。将思源黑体的字体文件(通常为
.ttf或.otf格式)放入font文件夹中。在
App.vue文件中添加以下代码:
<style>
@font-face {
font-family: 'SourceHanSansCN';
src: url('/static/font/SourceHanSansCN-Regular.ttf');
}
body {
font-family: 'SourceHanSansCN';
}
</style>请确保 url 中的路径与您在 static 文件夹下创建的 font 文件夹路径和字体文件名称一致。
在上面的示例中,我们在 @font-face 中定义了思源黑体字体,并将其命名为 'SourceHanSansCN'。然后,我们使用 body 元素的 font-family 属性将该字体应用于全局。
通过按照上述步骤设置自定义的思源黑体字体,并将其应用于全局,您应该能够在 Uniapp 中默认使用该字体。


