前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
2012-01-11 12:26
429 查看
平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体,是前端开发必备的绝佳工具。
使用方式
使用Chrome打开http://chengyinliu.com/whatfont.html,将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。
收藏栏上会出现一个名为“WhatFont”的按钮。
打开任意一个页面,然后点击收藏栏上的“WhatFont”按钮。将鼠标放在页面上的文字上可以实时获取文字的字体。
此时在页面上点击可以看到字体的详细情况,包括font-size,font-weight,line-height等信息。
点击ESC键可以关闭“WhatFont”。是不是很方便?
使用方式
使用Chrome打开http://chengyinliu.com/whatfont.html,将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。
收藏栏上会出现一个名为“WhatFont”的按钮。
打开任意一个页面,然后点击收藏栏上的“WhatFont”按钮。将鼠标放在页面上的文字上可以实时获取文字的字体。
此时在页面上点击可以看到字体的详细情况,包括font-size,font-weight,line-height等信息。
点击ESC键可以关闭“WhatFont”。是不是很方便?
相关文章推荐
- 前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
- 前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
- 前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体
- 前端开发工具 网页制作必备利器之四(Beyond Compare 3)
- 前端开发必备工具-网页调试工具
- 前端开发必备工具-网页调试工具
- [转] 前端开发必备工具之网页调试工具篇
- 网页前端快速开发工具
- 【网页前端学习之html】 学习笔记1-入门(开发工具)
- 分享一些前端开发人员必备的工具,脚本和资源
- 前端开发必备的工具
- web前端开发必备压缩工具整理
- 10个前端开发必备的工具或使用方法
- 面向 WEB开发设计人员,管理员必备的网页设计网站管理方面的工具集
- 15个前端开发/网页设计师必备的Bookmarklet
- web前端开发必备压缩工具整理
- 都客网页抓手 v2.4发布了,仿站必备工具,网页开发利器!
- Web前端必备开发工具(浏览器自动刷新工具“F5”和“SuperApp”)
- 10个前端开发必备的工具或使用方法