如何了解某一网页上使用的是什么字体、字号？
2012-01-19 17:37:10   来源：   点击：

15 个答案

• 答案 1：

  Update: 更容易的来了，我写了个 Bookmarklet。按下该书签，网页上就会跟随鼠标出现 Tooltip，显示当前所指的元素采用的字体。详见：chengyinliu.com/whatfont... Update 2: 现已部分支持 IE。 另外也有 Chrome Extension 提供。 ===============================================装 Firebug，或者用 Webkit 自带的 Inspector。在需要查看的元素按右键，选 Inspect Element 可以看到这个元素的样式信息。（可能需要勾选 Display inherit。）其中，font 或 font-* 包含了你要的信息http://grab.by/8N4y

• 答案 2：

  Chrome 浏览器/Safari 浏览器 等 Webkit 内核浏览器

  选中需要查询字体信息的对象，然后点击右键“审查元素”（Inspector）。在右侧栏中的 Styles 里，font/font-family 等可以用来描述字体，font/font-size 等可以用来描述字号。审查元素器左下有个放大镜，可以用它来选择需要被查询的网页元素。

  或者安装扩展 Firebug Lite。使用方法类似审查元素。

  这几种工具都可以直接修改 CSS 样式，你可以修改字体，并且即时看到效果。

  Firefox 浏览器

  安装扩展 Firebug。http://getfirebug.com/ 使用方法类似审查元素。

  IE 内核浏览器

  有一些类似的方法，比如在线版的 Firebug，以及一些工具（如 IETester），但是不推荐；

  推荐的方法是，换 Chrome/Firefox/Safari 再来研究。

  小白一点的办法，粘贴到 Word 里进行研究，不多说了。

  临时解决这个问题的话，我也推荐柳成荫的小脚本。

• 答案 3：

  最方便的是用 WebKit 系浏览器的 Web Inspector，在任何一个 DOM 元素上点右键选择就可以直接看到该元素的 CSS 属性。或者 Firefox 下的 Firebug，Opera 和 IE 也有类似工具。

• 答案 4：

  大家说过的我就不说了, 来两个工具型的吧.

  WhatTheFont 发现网页上某个字体不认识,截个图,上个传,这网站就能帮你自动识别.非常有趣 new.myfonts.com/WhatTheF...

  另外还有两个ff的扩展,我没用过,但是可以一试: Font Finder和Context Find.原文介绍在这里:savedelete.com/how-to-f...

• 答案 5：

  查看网页源代码

• 答案 6：

  在Safari里面找setting打开Develop的menu。然后选定你想看的字们，右键，Inspect Element看出来的右边的CSS里面的设置。Tada!!

• 答案 7：

  基本网页不用特殊字体都可以通过肉眼判断，同意ls但是比如Kevin Deng的方法是比较科学而无错的。

• 答案 8：

  @font-face调用的话可以看css查名称，用typekit托管字体的话默认会在页面右下角留一个logo单击可查看该网页使用的来自typekit的字体

• 答案 9：

  firefox的firebug，很好用

• 答案 10：

  FIREBUG+1

• 答案 11：

  chrome浏览器能直接查看的

• 答案 12：

  字体和字号一般都是在css中定义的，用firefox浏览器，安装firebug插件或developer插件都可以查看到。用chrome自带的开发者工具也可以查看，不过个人还是觉得firebug用起来顺手一点。

• 答案 13：

  两个办法吧，一个专业点，右键看代码，搜索font，看font相关的size和type。二是可以直接粘贴到word里面去，如果你安装了对应的ttf字体就能直接显示出来，如果没有安装就会显示默认字体。

• 答案 14：

  不用看了，常用的就那么几种，arial（win下的helvetica），helvetica（mac下的arial），verdana，futura，#12或#14

• 答案 15：

  这个凭肉眼就可以。还需要工具？