专栏名称: i排版
提供简洁优雅的排版工具,提高排版效率,让读者享受阅读。
目录
相关文章推荐
内蒙古自治区文化和旅游厅  ·  跨新年 过大年 | ... ·  2 天前  
内蒙古自治区文化和旅游厅  ·  跨新年 过大年 | ... ·  2 天前  
51好读  ›  专栏  ›  i排版

1分钟教你学会替换20款公众号图文字体!

i排版  · 公众号  ·  · 2018-06-05 08:30

正文

我是你们很久不见就会思念

而且每天都给大家带来干货的

万能老沙


老沙最近在后台留言区

发现很多小伙伴会询问


“老沙,你的文章字体很好看哇!”

“老沙你的文章是用的什么字体?”

“老沙,你知道怎么修改字体吗?”





首先老沙要来给大家普及一下

我们平常在手机端看到的文章

为什么会出现各种各样的字体


PART 1: 我们日常看到的各种字体

其实主要都是手机上本身自带的字体


PART 2: 不论你在文本或编辑器选什么字体

遇到手机不支持的就会自动变成默认字体


PART 3: 苹果手机支持多种中英文字体

安卓仅支持手机自带的一个字体





对于字体有所了解之后

大家是不是也想换字体试一试呢

其实字体修改起来并不困难

直接在i排版(iPaiban.com)

通过 HTML 修改下字体即可


不过换字体 仅适用于苹果端

安卓的宝宝们不要难过哟


那马上就给大家来教一下

如何通过代码修改想要的字体





STEP 1


首先我们打开i排版编辑器,点击右上角的 HTML 这个按钮。点开之后,就会出现一个代码的编辑框。


不过一提到修改代码很多小伙伴就头疼了,其实大家不要觉得修改代码很困难,我们日常需要改动的代码少之又少,对于大家而言,老沙绝对提供的是超简单的操作啦~





STEP 2


这边老沙已经给大家准备好一个可直接使用的代码,具体操作为复制下列代码,直接黏贴到HTML编辑框即可。



欢迎关注公众号i排版





复制完之后,我们看到第二排就有 font-family: STHeitiSC-Light。 老沙来给大家解释下, font-family指的是字体, 而后面 STHeitiSC-Light为字体名称。 基本上我们要改字体,直接找到这个就行


假如我们要修改字体样式, 直接替换掉STHeitiSC-Light。 打个比方,我们先选择并复制你需要的字体名称,然后选中STHeitiSC-Light,最后直接粘帖,这样字体就直接改好了,是不是灰常简单!







STEP 3


当然,我们设置好字体之后,还需要做的一件事情就是调整字体大小和间距。这个看上去似乎很简单,但其实也有很多小技巧的。合适的字色、行距、字间距等,都能够瞬间提升文章的排版。下面给大家分享下,老沙文章的整体参数:


① 字体大小: 14px

② 字体颜色: #3f3f3f

③ 字体间距: 1.75

④ 两端缩进: 1或2

⑤ 字体样式: STHeitiSC-Light


大家可以根据自己的需求,改动以上的数据。如果想一次性解决配色问题,还可以参考之前发过的文章 《我研究了100个大V的公众号,发现了6种万能配色方案》 啦~






字 体 展 示


为了方便大家知道有什么字体,老沙特意把苹果手机支持的字体罗列了出来。大家可以对比看一下,喜欢哪个字体直接通过上面的办法,用HMTL编辑框修改即可~



⊰ 细体系列 ⊱

这个系列的字都非常纤细,包括了 PingFangSC-Light、 PingFangHK-Light、PingFangTC-Light、STHeitiSC-Light、STHeitiTC-Light 五种字体。


如果小伙伴要使用的话,这里给大家推荐 PingFangTC-Light 字体。这个字体在字形上会和传统的有些区别,看上去会十分有趣。公众号“深夜发媸”,就是用的这个字体哟~





⊰ 粗体系列 ⊱

粗体系列其实就是细体系列的加粗版本,包括了 PingFangSC-Medium、 PingFangHK-Medium、PingFangTC-Medium、STHeitiSC-Medium、STHeitiTC-Medium 。而粗体系列一般不会用到太多,大家可以选择性使用。



⊰ 日本字体系列 ⊱

日本字体系列本是日本字,但是可支持中文显示。字体包括了四种,分别是 HiraKakuProN-W3、HiraKakuProN-w6、HiraMinProN-W3、HiraMinProN-W6


字体在苹果手机呈现的时候,部分字体会和我们日常看到的字体有所区别。如果喜欢这类字体的话,推荐使用 HiraKakuProN-W3 ~




⊰ 英文字体 ⊱

苹果端手机还支持大量的英文字体,这里我们精选出了6款英文字体,分别是 Zapfino、Cochin-BoldItalic、MarkerFelt-Thin、Futura-Medium、CourierNewPS-ItalicMT、Futura-CondensedExtraBold


英文字体呈现样式非常多,有需要的小伙伴,可以直接在i排版编辑器(iPaiban.com)样式里直接找到哟~







投 投 投 票 啦


相信大家看了这么多字体之后

一定有自己非常中意的一款

老沙做出一个大大大决定啦

大家来投票选自己喜欢的字体


而我们之后会 在编辑器里 加入字体选择功能

指不定你喜欢的字体就会在里面哟

快来投出你心目中的“最美字体”吧





福 利 时 间


相信大家看了这么多字体之后







请到「今天看啥」查看全文