大家好,老沙来了

带着 众号换字体 的技巧

扑面而来!

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

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

仍是存在疑问

今天老沙带来2个教程

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

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

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

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

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。而粗体系列一般不会用到太多,大家可以选择性使用。

英文字体

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

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

这些字体如何使用呢?

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

一个互动

你更喜欢哪种字体

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

留言分享一下吧

点个“在看”

戳沙小僧(playhudong033)

抱走42款免费商用字体

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

  1. 苹果字体怎么改_9102年了,公众号还不会换字体?

    大家好,老沙来了 带着 公众号换字体 的技巧 扑面而来! 尽管以前发过换字体的教程 但许多尤其是新来的小伙伴 仍是存在疑问 今天老沙带来2个教程 分别用来换中文和英文字体 首先老沙要来给大家普及一下 ...

  2. 【HTML5】字体加粗代码

    <b>标签能使字体加粗 <b>我是要被加粗的字体</b> 效果:

  3. fastnest怎么一键排版_什么公众号排版编辑器可以换字体?公众号字体在哪里选择修改?...

    公众号运营的日常简单概括就是找选题.写文章.排版.推文看数据,在这些日常工作中,必备的既能就是写作排版.一篇优质的公众号文章,除了内容优质之外,排版也有着很大的影响. 今天我们来聊聊字体修改,网络上各 ...

  4. pythontkinter字体加粗代码_Tkinter Fonts(字体)(示例代码)

    简单的tuple字体: 作为一个tuple的第一个元素是字体家族,一个点的大小,可选择一个字符串,包含一个或更多的粗体,斜体,下划线的样式修饰符,加粗. 例子: ("Helvetica&qu ...

  5. python字体加粗代码_如何在python docx中加粗行单元格的文本?

    在python docx中,可以通过使用 Rich Text 造型.您应该为模板中需要样式化的特定字符/字符串在字符/字符串的位置提供一个上下文变量.此变量映射到 RichText 具有样式定义(在代 ...

  6. vb语言中怎样编码窗体中所有字体加粗_VBText控件中使字体加粗和倾斜的代码是什么...

    展开全部 VBText控件中使字体加粗和倾e69da5e6ba9062616964757a686964616f31333365656537斜的代码是: 加粗 Label1.FontBold = Tru ...

  7. html加粗代码样式,css如何设置字体加粗样式?

    css可以通过font-weight属性来设置字体加粗.font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体. css可以通过font-weight属性 ...

  8. android 代码控制TextView的字体加粗

      //字体加粗    TextView a = (TextView) findViewById(R.id.a);    TextPaint tp = a.getPaint();    tp.setF ...

  9. Android 设置TextView字体加粗

    今天,简单讲讲Android里如何设置TextView字体加粗. 不废话了,用过多次,还是没记住.直接上代码. 1.布局文件中这样设置即可: XML/HTML代码 android:textStyle= ...

  10. html 把文字显示控制,控制字体加粗显示的html标签是哪个

    控制字体加粗显示的html标签是哪个 发布时间:2021-06-09 09:27:30 来源:亿速云 阅读:88 作者:小新 这篇文章主要介绍了控制字体加粗显示的html标签是哪个,具有一定借鉴价值, ...

最新文章

  1. flash写保护原理_STM32系统中的2种数据掉电保护方法!
  2. 模板 - DP动态规划
  3. 推荐算法炼丹笔记:序列化推荐系统
  4. 微信摇一摇插件ios_微信开发平台 Jeewx-Boot
  5. SAP Spartacus layout设计原理
  6. ubuntu中启动oracle数据库
  7. One Switch 让你的 Mac 也能拥有控制中心
  8. APP游戏运营:如何运用数据来指导手游运营
  9. c++:过滤多余的空格
  10. 设计手机APP界面的感想
  11. LINUX 下SQL server 安装、配置及对接ceph功能性能测试
  12. python dataframe 写入到doc文件_将Python Pandas DataFrame写入Word文档
  13. Python之kafka消息队列操作入门
  14. 多重条件结构(知识就是力量!)
  15. matlab实验——信号和噪声产生及其功率谱分析
  16. Flash Builder4 和java整合 、Blazed交互
  17. Js中的const关键字
  18. 机器阅读理解技术初探Bi-DAF
  19. java bo对象_java的几种对象(PO,VO,DAO,BO,POJO,DTO)解释
  20. 手把手教你创建阿里云平台

热门文章

  1. NSight统计数据的颜色,缩写意义是什么?来自NV Jeff Kiel 比较官方的解释!
  2. response.setHeader()的用法 (转别人转的)
  3. RMAN 总括 组成 配置 检测
  4. JS中某事件需要同时调用几个function另类解决办法。
  5. acrobat professional的安装版本
  6. 蚂蚁金服 Java RPC 开源框架—SOFARPC
  7. 1.Entity Framework Core 5.0教程,概述和准备
  8. APK解包修改后,重新打包
  9. 六石编程学:功能要定期测试
  10. 管理新语:新员工进来,竟然连起码的技能培训都没有