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

 

前端开发必备工具

 做设计和前台开发三年了,整理一下好的经验和工具共享给各位来我博客的网友,谢谢光临我的博客=================================2009年1月22日更新==========...
  • webfed
  • webfed
  • 2009年01月29日 21:45
  • 4790

献给那些前端学习迷茫的人 -----前端开发必备的11项技能!!!

你也许会觉得前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额, 确实,...
  • u011043843
  • u011043843
  • 2014年06月05日 17:35
  • 3966

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

前端开发必备工具-网页调试工具 在前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具: 一、firefox网页调试插件 1.firefox插件Fireb...
  • bamboolsu
  • bamboolsu
  • 2015年11月17日 23:40
  • 4871

分享一个牛逼的chrome插件--WhatFont

今天跟大家分享一个chrome插件,WhatFont。当你想知道浏览器上某个文字的字号、颜色、字体等,WhatFont会给你很大的帮助。The easiest way to identify font...
  • wangshubo1989
  • wangshubo1989
  • 2016年07月04日 21:35
  • 5111

Web前端开发必备网站

大牛博客阮一峰博客: http://www.ruanyifeng.com/blog/愚人码头博客: http://www.css88.com/张鑫旭博客:http://www.zhangxinxu.c...
  • lijiajun95
  • lijiajun95
  • 2017年01月01日 21:09
  • 881

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

转自:http://www.wpbars.com/web-tool/ 转自:http://zhidao.baidu.com/question/101406399.html 转自:http://ww...
  • IT_ORACLE
  • IT_ORACLE
  • 2013年06月14日 15:45
  • 1841

查看网页字体插件 WhatFont

查看网页字体插件: WhatFont google市场地址:https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmed...
  • zhang_Red
  • zhang_Red
  • 2015年01月26日 19:54
  • 998

web前端开发小工具集合

收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:   CSS 3相关 1.CSS3样式生成器:http://www.css88.com/tool/c...
  • kingo0
  • kingo0
  • 2016年07月25日 10:46
  • 1154

大前端必备网站-超全

01.前端这个圈子 社区/组织W3C TPAC w3ctech WebReBuild HTML5研究小组 阿里技术嘉年华 京/沪JS 前端圈HTML5梦工场 无障碍联盟 国内综合前端观察 阮一峰 W...
  • mrbourne
  • mrbourne
  • 2016年10月26日 12:19
  • 637

前端开发之web字体

一般来说,我们做出的页面的样式受三方面影响,一是浏览器的默认样式,二是我们制作页面时所进行的网页的定义样式,三则是用户浏览器所做的自定义样式了。从理论上来说这三方面影响,后者总是大于前者,比如我们程序...
  • iicecream
  • iicecream
  • 2013年10月09日 17:50
  • 1402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
举报原因:
原因补充:

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