非常实用的查询网页字体的工具:WhatFont Bookmarklet
平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。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
【编辑推荐】
- 编写高质量代码:Web前端开发修炼之道
- 1.2.4 前端开发人员如何自身定位
- 2.1 揭秘前端开发工程师
- 几种开发工具的特性比较
- 几种开发工具的特性比较(续)
版权声明:
作者:后浪云
链接:https://www.idc.net/help/386888/
文章版权归作者所有,未经允许请勿转载。
THE END