hexo之博客字体的修改


概述

因为一时兴起把手机和电脑都修改了字体,所以现在想把博客的字体也修改一下。

1.

开始寻找字体的CSS文件,在hexo-theme-matery\source\css\matery.css里可以修改字体的大小,能看懂英文的大致就能知道自己修改的是哪里的字体了

font-size: 3rem;

在160行左右,会看到

font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;

这些是修改代码字体的

2.

我们可以看出来第一个字体变量是题目的字体,第二个是其余部分的字体。
因为我们是中文博客,所以肯定希望能改成一些比较漂亮的中文字体,但是显而易见,你改成宋体是不合理的,因为第一会出现乱码情况,第二Hexo也不接受中文名字的字体。所以我们需要使用中文字体的英文名称。下面是中文字体对应的英文名称。

新细明体:PMingLiU 
细明体:MingLiU 
标楷体:DFKai-SB 
黑体:SimHei 
宋体:SimSun 
新宋体:NSimSun 
仿宋:FangSong 
楷体:KaiTi 
仿宋_GB2312:FangSong_GB2312 
楷体_GB2312:KaiTi_GB2312 
微软正黑体:Microsoft JhengHei 
微软雅黑体:Microsoft YaHei 

装Office会多出来的一些字体: 
隶书:LiSu 
幼圆:YouYuan 
华文细黑:STXihei 
华文楷体:STKaiti 
华文宋体:STSong 
华文中宋:STZhongsong 
华文仿宋:STFangsong 
方正舒体:FZShuTi 
方正姚体:FZYaoti 
华文彩云:STCaiyun 
华文琥珀:STHupo 
华文隶书:STLiti 
华文行楷:STXingkai 
华文新魏:STXinwei 

苹果电脑中的字体: 
华文细黑:STHeiti Light [STXihei] 
华文黑体:STHeiti 
华文楷体:STKaiti 
华文宋体:STSong 
华文仿宋:STFangsong 
丽黑 Pro:LiHei Pro Medium 
丽宋 Pro:LiSong Pro Light 
标楷体:BiauKai 
苹果丽中黑:Apple LiGothic Medium 
苹果丽细宋:Apple LiSung Light 

我们只要将自己喜欢字体的英文名加到这两个变量的第一个前面就可以了,有多个字体是为了预防在某些场合前面的字体出现异常,后面的字体可以替代一下。下面是我的定义。

参考链接:

文章作者: 古客
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 古客 !
评论
 上一篇
rclone挂载onedrive rclone挂载onedrive
概述1.Window下挂载2.3.4.挂载 rclone mount onedrive-guke:/ /home/one-guke --copy-links --n o-gzip-encoding --no-check-certificat
2020-06-18 古客
下一篇 
2020年度读书计划 2020年度读书计划
概述 1.2.3.4.5.参考链接: document.querySelectorAll('.github-emoji') .forEach(el => { if (!el.d
2020-03-19 古客