苏南大叔在做字体font-family测试的过程中,遇到一个比较棘手的问题,就是:页面上的字体虽然定义了font-family,但是也是有可能没有生效的。而苏南大叔又没有专业UI的像素眼修为,所以基本上看起来,这些字体都是差不多的,看不出来有啥区别。所以,这里借助了一款chrome插件,叫做font-finder

苏南大叔:chrome插件:font finder 如何安装使用? - chrome-font-finder
chrome插件:font finder 如何安装使用?(图5-1)

当然,也许有人会说,为什么不用chromef12看看到底是用的哪个font-family。苏南大叔觉得不是太方便,不过可以在css面板的Computed选项卡的最下方的Rendered Fonts中,看到渲染的字体值。

本文测试环境:chrome@75.0.3770.80,font finder@0.3.3

下载font finder

截至到发稿,最新版的font finder版本号是0.3.3。因为众所周知的问题,在国内下载chrome插件,是一件极其困难的事情,在这里,苏南大叔能够提供给大家这款插件的id号是bhiichidigehdgphoambhjbekalahgha。其插件地址是:

苏南大叔:chrome插件:font finder 如何安装使用? - font-finder-install
chrome插件:font finder 如何安装使用?(图5-2)

一些您可能需要的谷歌插件下载经验文章,请参见:

总结

使用chrome插件font finder,可以查看网页上有关字体的css属性。更多有关字体的文章,请参见:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   chrome    css

本站的忠实读者小伙伴,正在阅读下面这些文章: