ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
  平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体。WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体,是前端开发必备的绝佳工具。   **使用方式** 使用Chrome打开[http://chengyinliu.com/whatfont.html](http://chengyinliu.com/whatfont.html),将页面上“WhatFont”按钮拖拽到Chrome上方的收藏栏。 ![](https://box.kancloud.cn/2016-08-09_57a9a25d9ee1c.gif)   收藏栏上会出现一个名为“WhatFont”的按钮。 ![](https://box.kancloud.cn/2016-08-09_57a9a299aca0d.gif)   打开任意一个页面,然后点击收藏栏上的“WhatFont”按钮。将鼠标放在页面上的文字上可以实时获取文字的字体。 ![](https://box.kancloud.cn/2016-08-09_57a9a299c44df.jpg)   此时在页面上点击可以看到字体的详细情况,包括font-size,font-weight,line-height等信息。 ![](https://box.kancloud.cn/2016-08-09_57a9a299e3778.jpg)   点击ESC键可以关闭“WhatFont”。是不是很方便?