鲨鱼网
非常实用的查询网页字体的工具：WhatFont Bookmarklet
创始人
2024-07-26 02:30:10
0次

　　平常我们看到精美的网站时，可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体，是前端开发必备的绝佳工具。

　　使用方式

　　使用Chrome打开http://chengyinliu.com/whatfont.html，将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。

 

　　收藏栏上会出现一个名为“WhatFont”的按钮。

 

　　打开任意一个页面，然后点击收藏栏上的“WhatFont”按钮。将鼠标放在页面上的文字上可以实时获取文字的字体。

 

　　此时在页面上点击可以看到字体的详细情况，包括font-size，font-weight，line-height等信息。

 

　　点击ESC键可以关闭“WhatFont”。是不是很方便?

　　原文链接：http://blog.csdn.net/hfahe/archive/2011/04/11/6316818.aspx

【编辑推荐】

  1. 编写高质量代码：Web前端开发修炼之道
  2. 1.2.4 前端开发人员如何自身定位
  3. 2.1 揭秘前端开发工程师
  4. 几种开发工具的特性比较
  5. 几种开发工具的特性比较（续）

上一篇：何时创建Java对象实例

下一篇：三星bada系统不输iOS 4

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下，MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中，总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日，全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”，作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
2009 IBM动态架构新动力...
通过 XML 进行内容发布
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站，直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis，... 关于 SQL 和 ORM 的争论，永远都不会终止，我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说，“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]　　北京时间4月25日消息，据国外媒体报道，全球知名的云平台公司Akamai Te...