2024 最佳网站字体识别与选择工具大全 cover image

2024 最佳网站字体识别与选择工具大全

Tool information

开源

本文详细介绍了一系列用于识别网站字体和选择适合网站的字体工具,旨在为独立开发者和设计师提供有效的资源和方法,以便他们能够更容易地分析和模仿他人的网站设计,同时也能够为自己的网站项目选择合适的字体。

INFO
Released
Last updated

关于2024 最佳网站字体识别与选择工具大全

总结:

  • 如果你想识别别人网站上的字体,推荐你用:WhatFont
  • 如果你想选择一款适合自己网站的字体,推荐你用:fontsource

缘由:

上个月的时候,一朋友问我有什么工具可以检测到网站上使用的是什么字体,由于我对这块并不专业,所以就问了下广大的网友,然后针对网友的推荐,我梳理了下相关内容,希望能够帮助到你

识别网站字体网友的建议工具

1、 Whatthrfont

使用方式:上传图片识别字体

类别:在线网站

推荐来自:@eviljer

2、求字体

类别:在线网站

使用方式:上传图片识别字体

推荐来自:@Lmanan55

3、F12大法

类别:人工智能

使用方式:人工智能

推荐来自:@_justineo

4、全站下载器

类别:Chrome 插件

使用方式:人工智能,所有css,js,图片,字体统统到本地。

推荐来自:@super2k3

5、WhatFont

类别:Chrome 插件

使用方式:点击对应插件然后鼠标放到对应字体上即可

推荐来自:@daomeideshu

6、Fonts Ninja

类别:Chrome 插件

使用方式:点击对应插件然后鼠标放到对应字体上即可

推荐来自:@letture_

7、CSS Peeper

类别:Chrome 插件

使用方式:点击对应插件然后鼠标放到对应字体上即可

推荐来自:@KrisZhong

8、likefont.com

类别:在线网站

使用方式:上传图片识别字体

推荐来自:@JOJOhanbo


去哪里寻找自己心仪的字体

找字体普遍存在三个问题

  1. 如何实时体验
  2. 如何横向对比
  3. 好多网站收费

那么针对以上三个问题,有木有一个比较好的解决方案呢,答案是有的,那就是下面要推荐的这个网站:

1、fontsource

推荐理由:前端开发必备神器!好用的字体网站,上千种开源的字体,还可以通过npm install直接安装使用,并进行版本管理。

推荐来自:@Justin1024go

猜你喜欢