【发布时间】：2014-08-22 00:58:16
【问题描述】：
我知道这个问题已经被问过很多次了，但我找不到满意的答案，也找不到不到 2 年的帖子。
我的问题是出于开发目的，我希望能够分辨出实际呈现的是哪种字体。
我知道“计算样式”选项卡。但是，如果我选择一个元素并设置font-family:dsfsafsd，那么字体系列的计算样式中显示的是dsfsafsd。
当我测试几种网络字体时，通常很难知道我是否输入了错误的名称，它是否显示了我的默认字体，或者只是看起来像这样，或者我是否有级联规则并且它是显示堆栈中某处的字体。
我发现很难从视觉上积极地识别字体——尤其是不同大小、颜色、样式和背景的字体。否则，我可以看着它并想，哦..嘿，那是Times New Roman。我一定是做错了什么。（我确实在 Markdown 中思考过）。
但就目前而言，当使用看起来相似的字体时；我不能绝对确定它是显示的默认字体还是所讨论的字体的外观。最终，我只选择看起来不错的东西；但很高兴知道在开发工具中四处乱窜并在 10 分钟内更改字体 10 次时显示的内容。
目前有什么可行的解决方案来解决这个问题？
【问题讨论】：
-
我用WhatFont插件chrome.google.com/webstore/detail/whatfont/…
-
不清楚为什么查看计算样式不是解决问题的好方法。
-
@sphanley。
I am aware of the 'computed style' tab. However, if I select an element, and set font-family:dsfsafsd, then what shows up in computed styles for font-family is dsfsafsd.没有名为 dsfsafsd 的字体系列。换句话说 - 它显示了我的 CSS 应用了什么值；不是实际呈现的值。所以实际上它类似于Arial或Times New Roman。