我现在如何在网页上使用哪个字体系列用于文本

Question

我正在做一些网络开发。

我有一个组件（文本），其中定义了以下字体系列：

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

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

我目前使用Mozilla并打开Inspector，bot Rules 和 Computed 标签显示：font-family: "Roboto", "Helvetica", "Arial", sans-serif;

还有 Fonts 标签显示：

Answer 1

在chrome中，使用检查器选择要检查的确切TAG。选择＆＃34;计算＆＃34;样式选项卡，最后你会发现已经使用了堆栈的字体。对于＆＃39;代码＆＃39;这里的fontstack是Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif，您可以在我的计算机中检查它是否正确使用了＃34; Consolas＆＃34; （图片右下角）

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

Answer 2

首先尝试此代码：

SELECT food_dish.dish_id as id,foodcat.cat_name as name from food_dish inner join foodcat on instr(food_dish.dish_name,foodcat.cat_name)>0

如果文字外观发生了变化，那么就是Roboto：

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

如果改变= Helvetica
等等..