如何确定浏览器匹配的font-family中的哪种字体?

时间:2016-12-01 14:53:22

标签: css browser fonts

当我在网页上的HTML元素上检查元素时,我可以看到font-family语句

font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

但有什么方法可以确定我的浏览器匹配哪种字体,也就是说,它是否设法找到Arial或Helvetica?

如果我的浏览器无法提供Arial或Helvetica字体,如何确定它用于匹配通用字体类别的字体?

PARTIAL ANSWER

我现在至少对原问题的第二部分有一个答案,即:

字体类别默认字体定义在哪里?我可以在Chrome或Firefox的设置中为'serif','sans-serif'和'monospace'设置默认字体,但不能用于'草书'或'幻想'。

答案是:在Firefox中,转到about:config。此处有font.name.cursive.x-westernfont.name.fantasy.x-western的偏好设置。如果更改这些首选项的值,则会更改字体类别的浏览器默认字体。 (我不了解其他浏览器。)

(这个答案是这些链接的结果: http://forums.mozillazine.org/viewtopic.php?f=7&t=223294http://shallowsky.com/blog/tech/web/firefox-cursive-fantasy.html

1 个答案:

答案 0 :(得分:2)

是的,正如你所说,你可以做检查元素来找到它。除此之外,在Firefox中,Page Inspector Font view可以让你这样做。

Chrome Web Inspector相同,转到Elements面板的CSS窗格中的字体堆栈。然后,从堆栈顶部开始,在观察文本的同时更改字体的名称。当您更改正在使用的文本时,您将看到文本更改字体,因为它会回退到堆栈中的下一个字体。

另请阅读这篇文章:

How do I tell which font chrome is using

detecting which font is used in a web page