非常实用的查询网页字体的工具:WhatFont Bookmarklet

开发 后端
平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。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

【编辑推荐】

  1. 编写高质量代码:Web前端开发修炼之道
  2. 1.2.4 前端开发人员如何自身定位
  3. 2.1 揭秘前端开发工程师
  4. 几种开发工具的特性比较
  5. 几种开发工具的特性比较(续)
责任编辑:韩亚珊 来源: CSDN博客
相关推荐

2020-11-11 11:05:41

Linux工具命令

2022-12-06 17:18:42

2013-03-20 09:40:46

HTMLCSS工具

2021-01-26 12:16:00

Python开发工具

2011-08-01 10:36:35

CSS

2020-09-14 11:10:43

Python代码

2020-08-21 10:25:02

PythonWget

2016-09-18 23:33:22

实时分析网站

2024-02-20 07:32:18

Rsync远程同步工具传输数据

2009-05-25 09:00:45

Javascript免费工具Javascript框

2013-02-27 10:42:07

前端工具Web

2015-11-02 09:25:07

jQuery代码片段

2016-05-10 10:16:13

JavaScript技巧

2017-12-12 14:50:33

数据库MySQL命令

2021-05-23 16:23:22

Python 开发编程语言

2017-09-05 08:57:02

Linux命令行技巧

2019-09-26 14:56:18

GitHub 技术开源

2023-01-31 16:35:34

JavaScript测试框架

2022-01-05 07:07:36

网络

2022-02-22 13:14:30

Vue自定义指令注册
点赞
收藏

51CTO技术栈公众号