10款优秀的前端开发css字体 微信公众平台推送文章选用什么字体比较美观?

[更新]
·
·
分类:互联网
4287 阅读

10款优秀的前端开发css字体

微信公众平台推送文章选用什么字体比较美观?

微信公众平台推送文章选用什么字体比较美观?

大部分的微信公众号,排版时都在使用系统默认字体。
但是作为高标准高追求的我们,当然是要使用自定义字体来衬托公众号的调性,让文章内容更加生动美观、内容突出,给读者留下深刻的印象啦~
先来推荐几个头部公众号常用字体:
细体-PingFangSC-Light
日本字体-HiraKakuProN-W3
英文字体-Zapfino、Cochin-BoldItalic、MarkerFelt-Thin、Futura-Medium、CourierNewPS-ItalicMT、Futura-CondensedExtraBold。
那么, 我们应该如何更换公众号字体呢
一、修改代码?
微信图文其实也是 HTML5,本质上是微信内置的一个网页浏览器打开了它。
所以它是由HTML 代码中字体的显示规则和手机终端支持的字体规则两者决定的。
简单点说,我们可以通过修改代码的方式来修改字体。具体操作如下:
① 在小蚂蚁编辑器编辑区域输入文字内容,在工具条中修改字体。
(楷体)
② 点击工具条右侧的源代码按钮(HTML)调取源代码页面。
③ 修改font-family后的字体代码。比如我想使用Optima-Regular, PingFangTC-light (深夜发媸常用字体),就将原楷体代码楷体, KaiTi, 楷体_GB2312, SimKai 替换成Optima-Regular, PingFangTC-light 。
④ 点击源代码按钮(HTML)回到编辑页面,此时字体已经发生改变。
由于Android 系统为开源的,系统千差万别,适配性不同,用代码申明微信图文字体后,字体发生调整的概率非常小,而 iOS 在申明微信图文字体后字体几乎一定可以发生改变。
二、转为图片
如果你没看懂上述操作,也不用着急,因为我这有更简单的方法—将修改过字体的部分转为图片,或者将全文导出长图。
使用这个方法,修改后的字体不管是在Android 系统还是在iOS 系统的终端设备上都可以正常显示出来。具体应该怎么操作呢?
① 转为图片
为修改字体的内容添加内容块,点击内容块,在弹出的工具条中选择“转为图片”,点击“下载”可将导出的图片保存到本地。
② 导出长图
点击编辑区右侧“导出图片”,或鼠标拖动到该按钮上,选择“导出长图”,点击下载即可保存到本地。
最后再给大家推荐一些免费可商用字体:① 思源宋体/黑体
② 方正字库
方正黑体、方正书宋、方正仿宋、方正楷体。(针对“商业发布”这种使用方式免费,但需要书面授权。)
③ 站酷字体
站酷酷黑体、站酷意大利体、站酷快乐体、站酷高端黑体
④ 庞门正道标题体
⑤ 851手写杂字体
⑥ 文泉驿字体
文泉驿等宽微米黑、文泉驿等宽正黑、 文泉驿微米黑、文泉驿正黑
注意:字体公司条款可能会有变化,为了安全起见,在商业使用途中,请提前登录各自官网,了解字体是否还在免费使用时间内。

前端的核心技术是啥?

web前端的三大核心技术为js、css、html。
js一门直译式脚本语言。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。是前端技术中非常重要的内容,例如页面的效果切换、动画效果、页面游戏等等。主要作用体现在:
嵌入动态文本与HTML页面。读写HTML元素。与服务器的请求交互。cookies的控制。流行的js框架推荐:Jquery、Node.js、angular、Vue、React。
html即超文本标记语言,一个网页的主要构成,浏览器就是通过解码html文本把网页内容给展示出来。听过元素来说明文字,图形、动画、声音、表格、链接等。
重点需要学习html的各种标签结合使用,标签的含义。
css即层叠样式表,可以对网页中元素位置的排版进行像素级精确控制,拥有对网页对象和模型样式编辑的能力。这也是技术上的创新,由于html的成长从而使html页面越来越臃肿,所以css诞生。让页面变得更美!
重点学习css常用的属性。
流行的css框架库:Bootstrap、Foundation、Semantic UI、Amaze UI等