handsome自定义字体

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

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

那就一起来看看吧！

预览：

第一步

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

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

第二步

字体转换，浏览器对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 年 04 月 20 日 05 : 25 PM

如果觉得我的文章对你有用，请随意赞赏
评论打卡也可以哦，您的鼓励是我最大的动力！

发表评论取消回复

23 条评论

Steven Edge 81.0.416.58 Windows 10 中国河南郑州
2020年04月20日 21:55:50

博主你好，我想问一下，怎样只修改博客首页的站名字体，而其他的字体不变，谢谢。

回复
1. 果冻博主 Google Chrome 79.0.3945.130 Windows 10 中国福建福州
  2020年04月21日 09:13:11
  
  @Steven
  只要找到首页站名的CSS，设置它的font-family就会单独变化
  
  回复
白劭 Google Chrome 80.0.3987.163 Windows 10 中国安徽合肥
2020年04月20日 20:37:07

我想引入字体修改页脚，不知道博主有没有方法

回复
1. 果冻博主 Google Chrome 79.0.3945.130 Windows 10 中国福建福州
  2020年04月21日 09:12:44
  
  @白劭
  可以啊，只需要找到页脚的CSS，设置它的font-family就可以的
  
  回复
清风 Google Chrome 80.0.3987.132 Windows 10 中国四川成都
2020年03月20日 09:42:16

改了但是没有效果呢，是和其他地方有冲突吗

回复
kunzige Opera 12.14 Windows Vista 中国陕西西安
2020年02月03日 17:28:29

多谢，很有用

回复
1. 果冻博主 Google Chrome 79.0.3945.130 Windows 10 中国山西晋中
  2020年02月09日 14:06:11
  
  @kunzige
  哈哈，不客气
  
  回复
夜未冷 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

谢谢，学习了

回复