handsome自定义字体

博主：果冻
发布时间：2020 年 01 月 07 日
315次浏览
百度已收录
16 条评论
1067字数
分类：简单教程

想给你的博客换个字体么？

那就一起来看看吧！

预览：

第一步

你需要先下载好你想要更换的字体

网上有很多，我随便找了一个可以免费下载的，方正字体这只是我随机找的网站，评论中有人提示此网站字体可能涉及版权问题，需谨慎，大家可自行选择

第二步

字体转换，浏览器对woff格式的字体比较友好，下载下来的字体一般都是ttf格式的，这个时候就要转换一下，百度也有很多:
字客网

第三步

上传字体：在这个目录下/usr/themes/handsome/assets/fonts你可以看到有别的字体，只需要新建一个文件夹，将你下载的字体上传，我这里随便下载了一个字体取名为yayuan

第四步

修改/usr/themes/handsome/assets/css/font.min.css中的字体路径
直接将三个地方的样式都改掉即可，我的修改如下，模仿即可：

修改/usr/themes/handsome/assets/css/handsome.min.css中的字体路径，直接搜索font-family，搜到的第二处为body中的font-family属性，原本为：font-family: "Source Sans Pro","Hiragino Sans GB","Microsoft Yahei",SimSun,Helvetica,Arial,Sans-serif,monospace; ，修改为font-family: "Ya Yuan";即可。

温馨提示：字体更换渲染或多或少会拖慢网站速度

刷新界面即可食用哦！有问题可留言哦

最后修改：2020 年 01 月 09 日 01 : 44 PM

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论（请使用真实邮箱地址，方便接收评论回复）

打卡

踩

私密评论

名称 *

邮箱 *

地址

16 条评论

夜未冷 Google Chrome 69.0.3497.100 Windows 10 中国湖北武汉
2020年01月08日 19:42:01

这个站字体不错，大神能提出来换这个吗

回复
1. 果冻博主 QQ浏览器 9.8 Android 10 中国上海上海
  2020年01月08日 19:43:12
  
  @夜未冷
  嗯？你是说图里的么，图里的叫浪漫雅园，百度能找到
  
  回复
2. 夜未冷 Google Chrome 69.0.3497.100 Windows 10 中国湖北武汉
  2020年01月08日 19:43:11
  
  @夜未冷
  zmmio.com
  
  回复
  1. 果冻博主 QQ浏览器 9.8 Android 10 中国上海上海
    2020年01月08日 19:44:31
    
    @夜未冷
    明天有空帮你看看吧，现在在医院
    
    回复
    
    果冻博主 Firefox 71.0 Windows 10 中国福建福州
    2020年01月09日 13:41:46
    
    @果冻
    你说的字体是系统库的，只需要在handsome.min.css中将body的font-family替换为"Consolas","Microsoft JhengHei","Apple LiGothic Medium,Microsoft YaHei","微软雅黑","Arial",sans-serif;即可
    
    回复
    
    夜未冷 Google Chrome 69.0.3497.100 Windows 10 中国湖北武汉
    2020年01月08日 20:57:31
    
    @果冻
    好的，就是不清楚那个站的模板字体是怎么加载的
    注意身体哦
    
    回复
  2. 果冻博主 QQ浏览器 9.8 Android 10 中国上海上海
    2020年01月08日 19:43:28
    
    @夜未冷
    哦哦，我瞅瞅
    
    回复
清欢盏 夸克 3.8.0.1002 iPhone 13.2.2 中国天津天津
2020年01月08日 10:51:18

建议不要用方正.被查到会收到律师函邀请

回复
1. 果冻博主 QQ浏览器 9.8 Android 10 中国上海上海
  2020年01月08日 12:37:14
  
  @清欢盏
  感谢提醒，哈哈
  
  回复
MioKa Google Chrome 79.0.3945.117 Windows 10 中国福建福州
2020年01月08日 09:23:42

这个中文字体太影响阅读了

回复
1. 果冻博主 Firefox 71.0 Windows 10 中国福建福州
  2020年01月08日 09:24:37
  
  @MioKa
  马上换！！
  
  回复
神代凛子 Google Chrome 79.0.3945.88 Windows 10 中国江苏南京
2020年01月08日 00:21:15

奈斯

回复
1. 果冻博主 QQ浏览器 9.8 Android 10 中国福建福州
  2020年01月08日 00:23:18
  
  @神代凛子
  哈哈哈
  
  回复
老张说思路 Safari 604.1 iPhone 13.3 中国四川成都
2020年01月07日 23:25:17

技术贴，不错👍 不过这字体感觉不是很清晰，看文章有点累

回复
1. 果冻博主 QQ浏览器 9.8 Android 10 中国福建福州
  2020年01月07日 23:26:08
  
  @老张说思路
  哈哈，可能字体不好，明天再换一个
  
  回复
Alem Google Chrome 69.0.3497.100 Windows 10 中国湖北武汉
2020年01月07日 10:15:19

谢谢，学习了

回复