如何在网站上使用自定义字体
运行机制
如果不想使用建站器中提供的默认字体，可以通过自定义HTML代码为标题或正文文本连接Google Fonts目录中的其他字体。您可以使用现有解决方案或添加自有代码。
如何获取
使用现有解决方案
- 在发布商帐户中打开您的项目。
- 在侧边栏中单击建站器。
- 单击打开建站器。
- 将字体的URL插入到自定义代码区块中，并指定应更改哪些样式类的
font-family值。
更改标题字体示例
Copy
- html
<style>
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
.custom-header-font h1,
.custom-header-font h2,
.custom-header-font h3,
.custom-header-font h4,
.custom-header-font h5,
.custom-header-font h6 {
font-family: 'Playfair Display';
}
</style>
更改正文文本字体示例
Copy
- html
<style>
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
.custom-main-font {
font-family: 'Playfair Display';
}
</style>
- 单击预览以查看您的更改。
观看本说明的视频教程：
添加自有代码
- 在建站器中，单击添加区块，然后选择自定义代码。
- 在区块中插入自己的代码。
本文对您的有帮助吗？
感谢您的反馈！
我们会查看您的留言并运用它改进用户体验。有用链接
上次更新时间: 2024年3月26日发现了错别字或其他内容错误？ 请选择文本，然后按Ctrl+Enter。
