html字体加粗代码_9102年了,公众号还不会换字体?

大家好,老沙来了

带着众号换字体 的技巧

扑面而来!

尽管以前发过换字体的教程

但许多尤其是新来的小伙伴

仍是存在疑问

今天老沙带来2个教程

分别用来换中文和英文字体

67905534cbd837006490c8fac9684e1f.gif

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

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

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

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

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

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

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

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

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

d4c5ae9d29a6159d3547b1e762dc9c42.gif

对于字体有所了解之后

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

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

直接在i排版(iPaiban.com)

通过 HTML 修改下字体即可

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

安卓的宝宝们不要难过哟

那马上就给大家来教一下

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

中文字体

STEP 1

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

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

51f8db2d7bc43ec23a0af5d0362b2560.png

STEP 2

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

欢迎关注公众号i排版

b57c564372d236d4f854cbdf5d7f9f9b.gif

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

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

aad3a4208eacf9a67d18c8bcfb33c0ff.gif

这里需要注意的是,有小伙伴问:两千字的文章要怎么修改啊?方法是:改一小段甚至一个字,再用格式刷就行啦!

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 字体。这个字体在字形上会和传统的有些区别,看上去会十分有趣。公众号“深夜发媸”,就是用的这个字体哟~

06037caffc74c713aaf7ef4ec14a0474.png

⊰ 粗体系列 ⊱

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

英文字体

苹果端手机还支持大量的英文字体,换英文字体就更简单了。

在i排版编辑器(iPaiban.com)的特殊字体是在 特色样式 里,精选出了6款英文字体,分别是 Zapfino、Cochin-BoldItalic、MarkerFelt-Thin、Futura-Medium、CourierNewPS-ItalicMT、Futura-CondensedExtraBold

3ca445d73924f44f3ac6a55fe734efca.png

这些字体如何使用呢?

选择一个你中意的字体样式,在编辑框内会出现相应的框,然后在选框内直接输入你要输入的 英文文字 ,最后删掉编辑器自带的文字就可以啦。

2933ae162c24dfd98284e4c5bfa1707b.png一个互动

你更喜欢哪种字体

或者还见过什么好看的字体

留言分享一下吧

点个“在看”

戳沙小僧(playhudong033)

抱走42款免费商用字体

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值