旧Skool CSS Web安全字体标注

时间:2014-06-27 06:43:48

标签: html css fonts

我正在客户网站上工作,他们坚持认为我使用的字体与以前的字体完全相同。之前的(drupal)网站有一个层叠样式表标注:

 body { font: 76%/170% Arial,sans-serif; }  

据我了解,这与Websafe字体相关,浏览器会查看用户操作系统并尝试匹配字体,在这种情况下首先使用Arial,如果不是,则使用Sans-serif。没有从网上下载任何内容。

根据我的测试,原生字体大小似乎是16px,原生行高似乎是20px。小数百分比数字表示字体大小(作为16px的比率)和行高(作为计算字体大小的比率)。在这种情况下,观察到的字体大小(通过WhatFont)= 12.1667px,行高为20.6833px

上面显示的组合似乎是一个非常常见的Drupal选择,至少从谷歌搜索这个主题看起来是这样。

这整件事似乎很奇怪。我想......

 body{ font-family: Arial, sans-serif; font-size:12px line-height:21px}

更有意义,明确地告诉跟随者的意图等等。为什么有人会使用% / %系统来识别字体大小?原生高度总是16px吗?这感觉就像什么都没有混淆。在任何地方都有明显的优势吗?为什么有人这样编码?我在这里错过了什么?

0 个答案:

没有答案