美文网首页
字体几个注意点

字体几个注意点

作者: mtry | 来源:发表于2018-02-26 20:27 被阅读9次

    需求

    我们有时会遇到这样的需求,设计师会标注“我是标题”和“8”的之间的距离,如果我们按照设计师的去设置,发现偏差会很大。所以我们是很有必要了解字体的组成。所以本文主要研究字符的上下边距分布。

    image_00.jpg

    字体组成

    image_01.png

    应用

    在纯字母的情况下,还是很好处理的,我们只需要根据组成就可以拿到想要的高度。但是在我们天朝实际上需要很多地方需要实用中文纯数字的情况需要特殊处理,比如上面的情况。

    1、数字

    image_02.jpg

    可以当做大写字母高度处理capHeight,会存在一些误差,可以对比参考下图

    image_03.jpg

    2、中文

    image_04.jpg image_05.jpg

    根据对比使用覆盖的高度为大致为:lineHeight+descender

    注意

    1. 以上主要针对一些字体很大时,为了尽量准确的设置上下间距;
    2. 都是在苹果默认字体下做的一些对比,如果修改了Attribute那么需要对应的调整。

    相关文章

      网友评论

          本文标题:字体几个注意点

          本文链接:https://www.haomeiwen.com/subject/wxhuxftx.html