前端开发必备工具: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”。是不是很方便?

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

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

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

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

前端开发必备工具介绍

网页前端开发帮助文档

  • 2011-07-02 14:25
  • 8.19MB
  • 下载

Web前端开发 icon图标 转 web字体图标

在我们大多数的项目当中,icon图标是必不可少的,有的一个一个单独切片,或者将它们拼接组合起来(图片合成技术: css sprite )从而减少请求,方便调用等,但是随着项目的逐渐扩展壮大,图标越来越...

网页前端开发

  • 2014-09-22 20:38
  • 74KB
  • 下载

【麦子学院】03.web前端开发之html5本地存储、网页留言板、video、audio、HTML5拖放

1.Web Storage本地储存 在HTML5中,除了CANVAS元素,另外一个新增的非常重要功能就是可以在本地客户端储存数据的Web Storage功能。 在HTML4 我们是使用的cookies...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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