如何判断 Chrome 使用的是哪种字体？ [复制]

关键词：

【中文标题】如何判断 Chrome 使用的是哪种字体？ [复制]【英文标题】：How do I tell which font Chrome is using? [duplicate] 【发布时间】：2012-02-26 03:33:54 【问题描述】：

假设我有以下 CSS

font-family: 'Non-existant Sans', Arial, sans-serif;

假设系统上没有安装“不存在的 Sans”，浏览器将使用 Arial。使用 Chrome，有没有办法找出正在呈现的字体？

编辑： Dave（在问题的 cmets 中）指出了一个类似的问题。我在这里专门询问 Chrome。另一个问题中的许多答案都建议可以进行扩展，但是；是否有单独使用开发工具来确定此信息的本地方法？

2013 年 9 月编辑：Chrome 团队刚刚宣布 latest builds of Chrome Canary 中现在可以使用字体系列检查（Twitter 链接包含包含更多信息的图片）。这应该会在接下来的几周内通过 dev > beta > stable 逐渐扩散——好消息！

【问题讨论】：

【参考方案1】：

在 Google Chrome 开发工具的“元素”选项卡中的“计算”下：

【讨论】：

在 Chrome 34.0.1847.116 中，渲染的字体一直列在底部的“计算”选项卡中。该部分称为“渲染字体”。此外，您必须选择具有文本的特定元素，否则将不会显示。 字体名称后面的“69 个字形”是什么意思？ @agad 这似乎意味着在所选元素中显示了许多字形（字母、数字、空格 - 换句话说）。 @Geoff 好的，谢谢 @agad（以及未来的读者）这些数字告诉您当前文本中有多少字形来自字体堆栈中的每种字体。 “字形”是表示给定字符的特定可见符号（因此，如果您有三种不同字体的字母“B”，它们都是相同的字符，但它们使用三种不同的字形。） - 字符基础，因此如果默认字体没有当前字符的字形，它将在每个连续的后备字体中查找一个。这意味着给定的文本元素可以一次偷偷使用多种字体的字形。【参考方案2】：

我参加聚会有点晚了，但我刚刚发现了一种非常简单的方法来调试您的浏览器正在使用哪种字体。

在 Chrome Web Inspector 中，转到元素面板的 CSS 窗格中的字体堆栈。然后，从堆栈顶部开始，更改字体名称（我添加随机字母），同时注意相关文本。当您更改正在使用的字体时，您会看到文本更改字体，因为它会退回到堆栈中的下一个字体。

我认为在大多数开发工具中都可能出现类似的情况

瞧

【讨论】：

我实际上是从您的问题中的'Non-existant Sans' 得到的想法【参考方案3】：

如果您不想使用插件，有一个小书签会告诉您这一点（一旦激活并且您将鼠标悬停在所述文本上）：

http://chengyinliu.com/whatfont.html

【讨论】：

好主意，但我只能在他的示例页面上使用它。【参考方案4】：

您的“不存在的 Sans”可以在您的 css 中使用 @font-face 进行渲染。 http://www.w3schools.com/cs-s-ref/css3_pr_font-face_rule.asp

我不知道检测字体渲染的方法，所以从技术上讲我不回答你的问题。我确实找到了这个：http://webdesignerwall.com/tutorials/css3-font-face-design-guide 它是一个名为 Modernizr 的 javascript，可确保如果浏览器不支持 @font-face，那么它将加载诸如 Arial 和 Helvetica 之类的后备字体。

【讨论】：

浏览器使用哪种等宽字体？

...是浏览器会选择它的默认/首选等宽字体。如果正确，您如何确定您的浏览器使用的是哪种等宽字体？【问题讨论】：取决于操作系统和安装的字体。等宽​​是常用的一种，它为每个字符使用相同的宽度（“Cour 查看详情

如何判断 chrome 应用程序正在使用啥操作系统？ [复制]

】如何判断chrome应用程序正在使用啥操作系统？[复制]【英文标题】：howtotellwhatoperatingsystemisbeingusedfromchromeapp?[duplicate]如何判断chrome应用程序正在使用什么操作系统？[复制]【发布时间】：2015-01-0121:40:25【问题描述】：我正在制... 查看详情

ActiveSupport::Memoizable 指的是哪种 Ruby memoize 模式？

】ActiveSupport::Memoizable指的是哪种Rubymemoize模式？【英文标题】：WhichRubymemoizepatterndoesActiveSupport::Memoizablereferto?【发布时间】：2012-02-2606:43:33【问题描述】：所以在Rails3.2中，ActiveSupport::Memoizable已被弃用。消息内容如下：DEPRECATIONW... 查看详情

linux性能优化之路:什么是平均负载,如何判断是哪种负载过高(cpu密集,io密集,大量进程)(代码片段)

什么是平均负载正确定义：单位时间内，系统中处于可运行状态和不可中断状态的平均进程数。错误定义：单位时间内的cpu使用率。可运行状态的进程：正在使用cpu或者正在等待cpu的进程，即psaux命令下STAT处... 查看详情

TypeScript：如何告诉 TypeScript 我是哪种情况？

】TypeScript：如何告诉TypeScript我是哪种情况？【英文标题】：TypeScript:HowtotellTypeScriptinwhichIfcaseIam?【发布时间】：2019-03-2718:56:48【问题描述】：我正在使用TypeScript构建一个ReactNative应用程序。我的创业公司最近从JavaScript切换到Type... 查看详情

根据用户的选择输入判断是哪种水果并加上不同颜色

1.       [[email protected]scripts]#catfruit_menu.sh2.       #!/bin/sh3.       menu(){4.&n 查看详情

matlab遗传算法工具箱里用的是哪种遗传算法

...直接在命令窗口里边输入gatool就行了，用遗传算法还可以使用ga函数，具体使用格式可以在help系统里看ga，你还可以按照如下步骤打开遗传算法工具箱：1，打开matlab，2点击左下方的start按钮3，点toolboxes，打开后选择geneticalgorithma... 查看详情

androidapp开发如何在程序中判断当前用的是哪款手机？

androidapp开发如何在程序中判断当前用的是哪款手机？通过判断手机型号后，不同型号手机采用不同的音频波形发送数据。比如：判断当前手机是小米2a手机，三星s4等等...Android中获取手机的硬件信息，例如型号，系统版本等，可... 查看详情

Core Motion：如何判断“向上”是哪条路？

】CoreMotion：如何判断“向上”是哪条路？【英文标题】：CoreMotion:howtotellwhichwayis"up"?【发布时间】：2014-10-1405:38:19【问题描述】：我正在尝试复制Compass应用程序中的功能-但我遇到了一个问题：如何确定界面中“向上”的... 查看详情

如何知道 ID2D1Brush 是哪种类型的画笔？

】如何知道ID2D1Brush是哪种类型的画笔？【英文标题】：HowtoknowwhichtypeofbrushisID2D1Brush?【发布时间】：2015-05-2515:07:31【问题描述】：我之前使用CreateSolidColorBrush或CreateLinearGradientBrush创建了一个ID2D1Brush。我需要知道我的指针是ID2D1So... 查看详情

机器人框架下载文件

...你点击它时，它会下载一个PDF文件。如果文件已下载，我如何检查RobotFramework？【问题讨论】：您使用的是哪种浏览器？【参考方案1】：该解决方案是特定于浏览器的。对于Chrome，您可以告诉Chrome从哪里下载文件。 查看详情

java排序，效率高的是哪种排序方法

java排序，效率高的是哪种排序方法和所有其他语言是一样的。应该还是快速排序效率最高。publicstaticvoidbubbleSort(inta[])intlen=a.length;for(inti=0;i<len-1;i++)for(intj=0;j<len-1-i;j++)if(a[j]>a[j+1])inttemp=a[j];a[j]=a[j+1];a[j+1]=temp;publicstaticvoidsele... 查看详情

linux性能优化之路:什么是平均负载,如何判断是哪种负载过高(cpu密集,io密集,大量进程)(代码片段)

什么是平均负载正确定义：单位时间内，系统中处于可运行状态和不可中断状态的平均进程数。错误定义：单位时间内的cpu使用率。可运行状态的进程：正在使用cpu或者正在等待cpu的进程，即psaux命令下STAT处... 查看详情

主要问题汇总

...置、轮播图的实现swiper参数的使用/iconfont字体图标的使用如何直接引用iconfont网站中的图标将iconfont选中的图标统一加到项目中，由于提供的是css文件小程序识别不了，复制连接在url中打开，将源码复制到文件wxss中即可直接调用... 查看详情

在 Python 中连接字符串的首选方法是哪种？

...:03:07【问题描述】：由于Python的string无法更改，我想知道如何更有效地连接字符串？我可以这样写：s+=stringfromelsewhere或者像这样：s=[]s.append(somestring)#laters=\'\' 查看详情

f22用的是哪种航炮？

...炮，不知道这种航炮是什么型号？哪个公司生产的？火力如何？还有，请问下F22最低巡航速度？就是能保持不失速的最低速度拜托别长篇大论的引用了~~~写的不知所谓F/A-22配备一门口径M61A220毫米机炮(通用动力公司生产)巡航速度... 查看详情

如何知道浏览器从cssfont-family列表中使用哪种字体？(代码片段)

在Web开发中，首选的字体列表放在CSS的font-family中，如下例所示。font-family:Roboto,"HelveticaNeueLight","HelveticaNeue",Helvetica,Arial,"LucidaGrande",sans-serif;我想知道浏览器选择哪种字体来显示内容。我知道我可以在浏览器开发者工具中逐个手... 查看详情

你是哪种设计师？

...分的需求是由用户调查决定的。那么，什么是用户调查？如何做一个合格的用户调查呢？用户调研是指通过各种方式，比如电话调查、网上调查、问卷调查等，得到受访者的建议和意见，并对此进行汇总，目的在于为下一步的产... 查看详情