教程|强行植入其他字体
今天跟各位聊一聊字体
声 明
只有作者或厂商有正式文字说明可以免费商业使用的字体才是完全安全的,一般所谓免费仅仅是个人使用免费不是商业免费。 如有明显的商业用途,或公司的微信文章使用,请购买字体版权,以避免不必要的纠纷。
教 程
❶ 请先自行阅读关于「AI→svg代码→微信图文」三者之间转化的教程。
❷ 选择自己喜欢的字体,在 AI 中输入文字。▼
❸ 如果此时直接导出为<svg>格式,会发现,代码中的「小编最帅」是以<text>标签的形式存在的,控制其字体的代码是
font-family="'HYXiaoMaiTiJ'"
而微信图文并不支持这个字体,如果将代码直接复制到135编辑器后台,呈现出的仍然是微信的默认字体。
❹ 为避免上述情况的发生,我们不把文字以<text>的形式输出,而是以<path>的形式输出,也就是将文字转化为路径,那么导出为svg格式后,得到的将是路径代码。将文字转化为路径的方式:选中文字→单击鼠标右键→点击创建轮廓。意思就是把文字转化为图形了,此时再用文字工具去选中文字时,可以发现文字是无法被更改的。▼
❺ 按照第一篇教程中的操作方法,存储为svg格式,并改变标签的闭合方式,将代码复制到135编辑器中即可。
Dreamweaver
将文字转化为路径后会产生多个<path>标签,代码的篇幅也会成倍增加,如果逐个去修改标签闭合方式,工作量会极大,而且容易出错,建议大家下载一个 Dreamweaver ,利用查找替换的方式,快速修改标签的闭合方式。
❶ 新建一个 HTML 类型的文档,将导出的 svg 代码全部复制到<body>标签中。
❷ 快捷键 Ctrl+F,调出查找替换界面,在查找框和替换框中分别输入图示内容,然后单击全部替换。▼
❸ 如果代码中有其他标签,请按照相应的闭合方式进行更改,最后将修改完的代码复制到135的HTML编辑器。
❹ Dreamweaver 百度云链接 ▼
代 码 文 字 的 优 劣
很多公众号都通过统一色调,规范排版样式等方式,形成微信文章的 VI ,但是大多数人都忽略了字体这一点。目前多数微信图文的字体均为默认字体,如果能够长期地、大规模地在微信文章中使用其他字体,必然会给读者留下极深的印象。当然,我们可以将文字转化为图片格式,实现类似的效果。但图片会有加载缓慢、压缩导致的颜色失真、模糊等问题,影响读者的阅读体验。而以代码形式呈现的文字有高清、加载流畅的特点,看上去逼格满满。
代码形式的文字也存在弊端,比如不能计入文章字数、代码过于冗杂容易出现疏忽。因此,小编建议大家使用AI进行排版时,文字篇幅不宜过长,尽量居中对齐,竖式排列。
此外,这种植入其他字体的方法仅限个人装逼使用,如涉及商业用途,请购买字体版权。
字 体
等这篇文章阅读量破千,小编就把积累的各种好看的字体集送给大家~