前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hugo博客自定义字体

Hugo博客自定义字体

作者头像
素履coder
发布2023-01-16 14:07:46
1K0
发布2023-01-16 14:07:46
举报
文章被收录于专栏:素履coder素履coder

1. 字体资源#

去网上找到字体资源,即ttf结尾的文件,放到static/fonts/文件夹下,如下图

2. 引用字体#

在css文件中引用字体如下图

3. 使用字体样式#

比如我想要修改文章内的文字样式,找到对应的的class名称或id名称,然后用font-family这个属性指定使用什么字体,下图使用的是我们刚才指定的字体,第一个是中文字体,只对中文起效果,第二个是英文字体,只对英文起效果,第三个是默认字体,读取顺序优先从左到右读

展示效果如下

可以看到,我们只指定了文章内的字体,也起效果了,而没有指定左侧目录的字体样式,所以用默认的

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-01-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 字体资源#
  • 2. 引用字体#
  • 3. 使用字体样式#
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档