前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体

原创 2011年04月11日 22:59:00

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

    使用方式

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

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

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

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

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

 

网站开发进阶(四十)知识总结

Html中如何插入一个空格?在目的位置处输入代码 (“nbsp”代表不换行空格)。Angularjs可以在script脚本中实现吗?应该不可以如何设置表格中各列的宽度width="150px"如何设置...

AngularJS进阶(三十八)上拉加载问题解决方法

AngularJS上拉加载问题解决方法      项目中始终存在一个问题:当在搜索栏输入关键词后(见图1),按照既定的业务逻辑应该是服务端接收到请求后,首先返回查询的前7条数据,待客户端出现上拉加载时...

15个前端开发/网页设计师必备的Bookmarklet

15个前端开发/网页设计师必备的Bookmarklet   Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具。仅需点击一下,它就能提供很多信息或帮...

brackets网页前端开发工具 bracke

  • 2016年07月28日 20:07
  • 31.59MB
  • 下载

前端开发必备工具-网页调试工具

前端开发必备工具-网页调试工具 在前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具: 一、firefox网页调试插件 1.firefox插件Fireb...

网页前端开发工程师推荐的12款浏览器兼容性测试工具

对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。 Spoon Bro...
  • perny
  • perny
  • 2011年12月29日 15:35
  • 749

前端开发必备工具介绍

  • 2012年08月15日 09:18
  • 9KB
  • 下载

WEB前端开发必备的辅助软件工具

转自:http://www.wpbars.com/web-tool/ 转自:http://zhidao.baidu.com/question/101406399.html 转自:http://ww...

网页前端开发

  • 2014年09月22日 20:38
  • 74KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
举报原因:
原因补充:

(最多只允许输入30个字)