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 中默认使用该字体。