我现在如何在网页上使用哪个字体系列文本[关闭]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我现在如何在网页上使用哪个字体系列文本[关闭]相关的知识,希望对你有一定的参考价值。

我正在做一些网站开发。

我有一个组件(文本),其中定义了以下字体系列:

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

我如何知道浏览器中使用了哪些字体系列?

我目前使用Mozilla并打开Inspector,并且bot规则和计算选项卡显示:font-family: "Roboto", "Helvetica", "Arial", sans-serif;

还有字体选项卡显示:enter image description here

答案

在chrome中,使用检查器选择要检查的确切TAG。选择“计算”样式选项卡,最后您会发现已使用堆栈的字体。对于'代码',fontstack是Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif,你可以在我的电脑中检查它是否使用了“Consolas”(图片右下角)

编辑:添加FF截图。在firefox中也一样,只需选择要检查的特定TAG即可。

chrome inspector, rendered font firefox inspector, rendered font

另一答案

首先尝试此代码:

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

如果文本外观发生了变化,那么它就是Roboto:

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

如果改变= Helvetica 等等..

以上是关于我现在如何在网页上使用哪个字体系列文本[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何从网页中提取文本内容? [关闭]

html网页的字体怎么设置好看

如何使用软键盘在输入编辑文本字段区域中键入自定义字体? [关闭]

我怎样才能确定我的所有用户都有这个字体系列?

如何在HTML中使用WOFF条码网页字体

如何在网页上填充文本框