已搜集862款免费中文字体

公众号推文里字体显示不正常?先分清是字体还是渲染

稿子在电脑上排得好好的,发出去用手机一看:标题的宋体没了,变成系统默认的黑体;正文行距忽宽忽窄;生僻字变成一个方框;图片里的字发虚、边缘带一层灰边。

四种现象看着都像“字体不对”,成因却分属两条链路。一条是字体本身有没有生效,另一条是渲染环节把效果吃掉了。归错方向,改一天也改不好。下面先说怎么判断,再说哪些能控制、哪些控制不了。

一、先归因:四种现象对应四条链路

电脑上正常、手机上是系统字。 这不是故障。公众号图文不支持加载外部字体文件,纯文字段落只能用阅读设备自带的字体。iOS 上是苹方,安卓各家不同。你在编辑器里选了楷体,读者那头看到的仍然是系统字。

字形对,但大小、粗细、行距不对。 这是样式被过滤。粘贴进编辑器时,部分行内样式会被清掉或改写,字号从 px 变 em、行高被外层覆盖、加粗标签失效,都会让版面走形。判断方法是看源码里有没有残留的 style 属性。

个别字变成方框或空白。 这是字符集缺字,跟渲染无关。生僻字、异体字、部分标点在字体里没有对应字形,系统就回落到默认字体,字号和基线跟周围不一致,看着格外扎眼。

只有图片里的字发虚。 这是图片链路。导出时按屏幕实际尺寸存了一张,上传后被平台再压缩一次,文字边缘就糊了;深色底上的细笔画还会出现彩色描边。

先做这一步再动手改。 把同一篇推文在 iOS 和安卓各看一遍。两端表现一致的,多半是字体或字符集问题;两端不一样、且差异集中在字宽和断行上的,是系统字体差异,改排版解决不了。

二、可控的那一半:图片里的字体才是真字体

需要特定字形时,只能做成图片。 标题、栏目名、引言块这类字数少、样式要求高的部分,排进图里最稳。做成图片之后,字体就跟着像素走了,读者那头看到的就是你排的那一款。

导出按两倍或三倍尺寸。 手机屏的像素密度普遍在 2 倍以上。一栏宽度按 1080 像素设计,导出时不要再缩小,上传后平台会按需缩,边缘仍能保持干净。按 375 像素宽导出再放大,笔画一定糊。

图内文字别小于一定尺寸。 1080 像素宽的图里,正文等效的字高不要低于 24 像素,注释不低于 20 像素。低于这个数,压缩一次就分不清笔画了。

格式与体积要取舍。 纯色底、文字为主的图用 PNG,边缘干净;照片背景用 JPG,体积小但文字边缘会有轻微噪点。整体控制在平台建议体积以内,超了会被二次压缩。

图和正文要能接上。 图里用一款宋体,紧接的正文是苹方,读者会觉得换了个人写的。图内文字的字重、灰度要和正文接近,思源黑体 的常规体与系统黑体的骨架差异小,接在正文前后不突兀;标题要更硬一点,得意黑 的倾斜骨架自带方向感,适合做图内主标题;界面感强的长图用 MiSans,字面偏开阔,缩到小字号也不挤。

暗色模式要单独看一眼。 图里的白底在深色模式下仍然是白底,但如果图是透明底、字是深色,落到深色背景上会几乎看不见。稳妥做法是给图片加实底,不要留透明区。

三、不可控的那一半:文字段落只能靠系统字

别在正文里写 font-family。 编辑器多数会过滤,写了也不生效;个别情况下反而把整段的行高一起带偏。要控制的只有字号、颜色、对齐、段距这几项基础属性。

断行位置两端不一样,是正常的。 苹方和安卓各家的系统黑体字宽不同,同样一段话,一行能放下的字数差一到两个。用空格手工对齐的表格、用全角空格凑的缩进,换设备就会错位。这类内容建议改成图片或者列表。

符号比字体更容易出问题。 特殊箭头、带圈数字、装饰性符号在部分安卓机型上缺字,会显示成方框。稳妥做法是用最基础的标点,复杂的符号做成小图。

正文用花体只会自找麻烦。 有些编辑器提供楷体、圆体选项,实际只在个别设备上生效,多数读者看到的是黑体。真要那种气质,把关键句做成图,其余保持系统字,整篇反而统一。

字号用相对单位更稳。 正文 15 到 16 像素是手机上比较舒服的区间,行距 1.7 倍左右。改字号时连行距一起改,只改一项容易出现行挤行。

预览要在真机上看。 电脑端的微信预览和手机端渲染不是一套。定稿前用两台不同品牌的手机各看一遍,重点看断行、图片清晰度、生僻字。

四、授权说明

这里的“能用”,指在允许的场景里使用这款字形。核验按三步走。

第一步,确认字体全名。 一个系列常有多款、多个字重和多个地区版本,授权按具体文件声明。带 GB、简繁、VF 后缀的,与基础版不是同一份文件,查协议前先把名字写全。

第二步,查协议类型。 常见几类:开源协议(SIL OFL、MIT、GPL)、作者声明免费商用、随包附带的免费商用声明,以及带保留字体名称条款的授权。开源协议文本公开可查,条件写在正文里;作者声明的范围由声明自身界定,不同作者写法差别很大。猫啃网收录 839 款免费中文字体,每一款的协议类型都在下载页写明,查起来有据可依。

第三步,核使用场景。 把文字排进图片、发在公众号,属于常规的图文使用,多数声明都覆盖;如果推文本身是商业推广、或者字体被做成品牌标识反复使用,要按商用与商标两栏单独确认。把字体文件嵌进小程序、H5 页面属于嵌入,另算一类。

留凭证。 把字体全名、版本号、获取日期、许可页面截图和链接记在同一个文档里,与项目文件放在一起。字体升级后条款可能调整,有记录才好追溯。

五、FAQ

问:公众号能不能用自己上传的字体?

纯文字段落不行。图文不支持外部字体文件,能控制的只有字号、颜色、间距。想固定字形,只能把那段文字做成图片。

问:图里的字看着发灰、有彩边,是字体的问题吗?

不是。多半是 JPG 压缩在高对比边缘产生的色度噪点,或者图片被放大了。改用 PNG、按两倍尺寸导出,彩边会消失。

问:同一段文字,安卓上比 iPhone 多出一行,正常吗?

正常。两端系统黑体的字宽不同,一行容纳的字数会有差别。想避免关键句被拆开,缩短句子或改成图片。

问:生僻字显示成方框,换字体能解决吗?

换字体不一定有用。先确认这款字是否收了那个字,字符集不够时系统会回落到别的字体。真要用,做成图片最稳。

小结

字体显示不正常,先分清是哪条链路:只有图片里的字发虚,是图片压缩与像素密度;电脑正常手机变系统字,是图文本身不支持外部字体;生僻字变方框,是字符集缺字;行距字号走形,是样式被过滤。能控制的是图片那一半,把控好导出尺寸和格式;不能控制的是正文那一半,把样式收敛到基础属性,断行差异当常态处理。授权那一栏照旧核一遍:确认全名、查清类型、核对场景,凭证留好再发。

字体评分:1 Star2 Stars3 Stars4 Stars5 Stars (请给这款字体打个分吧)
赞(0) 打赏
转载请注明转自猫啃网:猫啃网 » 公众号推文里字体显示不正常?先分清是字体还是渲染

相关推荐

  • 暂无文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏