uniapp用思源黑体
时间: 2023-12-09 13:05:50 浏览: 267
uniapp可以使用思源黑体字体,但需要引用思源黑体文字库。您可以在网上找到资源并进行分享,以备将来使用。在App.vue中初始化字体时,需要延迟执行,可能是因为在执行App.vue时,页面资源还没有完全加载完成,所以无法调用。在uniapp中,只支持两种加粗方式,建议在实际生产环境中使用两档加粗样式:style="font-weight: normal;"和style="font-weight: bold;"。
相关问题
uniapp view 中字体修改字体为 思源黑体
要在UniApp中将视图中的字体更改为思源黑体,可以使用以下步骤:
1.从Google Fonts或其他字体库中下载思源黑体。
2.将字体文件放置在UniApp项目中的font文件夹中。
3.在app.vue或需要更改字体的视图中的style标签中添加以下CSS代码:
@font-face {
font-family: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.ttf');
}
body {
font-family: 'SourceHanSansCN-Regular', sans-serif;
}
这将在视图中将字体更改为思源黑体。请注意,您需要将CSS代码中的字体家族和字体文件路径替换为您下载的字体的名称和路径。
希望这可以帮助您更改UniApp视图中的字体为思源黑体。
csss使用思源黑体
要在CSS中使用思源黑体字体(Source Han Sans),您可以使用以下代码示例:
```css
<style>
@font-face {
font-family: 'Source Han Sans';
src: url('path/to/source-han-sans.ttf') format('truetype');
/* 可以根据需要添加其他字体格式,如woff、woff2等 */
}
body {
font-family: 'Source Han Sans', sans-serif;
}
</style>
```
在上述代码中,`@font-face`用于定义自定义字体,`font-family`属性指定字体名称,`src`属性指定字体文件的路径和格式。
请确保将`path/to/source-han-sans.ttf`替换为实际的字体文件路径。您可以从Adobe的官方GitHub仓库(https://github.com/adobe-fonts/source-han-sans)或其他可信赖的来源获取思源黑体字体文件。
最后,将`font-family`属性应用于所需的元素或选择器,例如`body`元素。这样,您的网页中的文本将使用思源黑体作为字体。
阅读全文