开发者社区> 问答> 正文

如何正确的测量文字的大小?

下面的图片的CSS是:p { font-family:"黑体"; font-size:20px;}
可是用PS测量出来的结果却是比20PX少一点,也不知道我这种测量方式对不对。
如果把P换成某些字体就够20PX,这是跟字体有关?
如何正确的测量出一张图片上面的文字大小呢?
screenshot

展开
收起
杨冬芳 2016-06-15 15:15:57 6655 0
1 条回答
写回答
取消 提交回答
  • IT从业

    测量字体大小的正确方法是:用PS文本工具打上同样的字,选好适当的抗锯齿模式,去遮盖原来的截图。能100%完美的覆盖就是正确的字体大小。

    如果不准确的测量,只看这个图说字号是20px,其实是可以认同的。因为20px见方的汉字,字本身占的尺寸绝对不会占满20px,而是会卡着左上角占用18-19px,然后最右边和最下边留下1-2px的空隙。

    这样的目的是保证在字符紧密排列的时候,字与字之间的笔画不会连接在一起,而导致大段文字“糊”成一片无法阅读。把这个空隙做进字符里边,就可以让各种渲染引擎可以简单的把字符紧密排在一起,而不需要在任何时候都手动向字符中插入间距。

    这一点在小的点阵文字是相当明显的。你可以在抗锯齿为“无”的条件下,打一些12px的点阵宋体字,看看实际得到文字的宽高——保证是11px,每个字最右一列和最下一行一定是空白。

    以上内容都是针对于中、日、韩文等方块字来说的。对于拉丁字母或其他欧洲字符,可能有更复杂的字符间距规则,甚至会出现负间距来使显示效果更加自然。例如大写的V和A排列成VA的时候就是负间距——如果只研究垂直方向的位置,两个字母之间其实是互相交叠的,从而保证只在斜向上留下一个窄窄的空隙。

    2019-07-17 19:39:22
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
营销设计场景下的图像和文字生成 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载