欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

几种常用的识别页面字体方法

发布时间:2017:09:06 08:00:53 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1585个文字,预计阅读时间4分钟
导语
字体是各种信息类画面中至关重要的组成部分,日常工作中,设计师经常被问及到的一个问题就是这是什么字体。然而字体的种类繁多,尤其是对国内设计师们来说不太熟悉的西文字体

字体是各种信息类画面中至关重要的组成部分,日常工作中,设计师经常被问及到的一个问题就是这是什么字体。

然而字体的种类繁多,尤其是对国内设计师们来说不太熟悉的西文字体,体系更为庞杂,想一眼认出所用字体是非常困难的。因此如何方便快速知道某个地方用的是什么字体就成为了设计师经常需要做的事情。

下面就介绍几种常用的识别方法或者是查询思路,希望看过之后能有所启发,以后就不用到处求人认字了。

1. Web Font 网页上的字体

网页上的字体识别最为简单,我们只需要找到浏览器调用的字体文件的名称就可以了,很多浏览器都提供了代码检查的模式来找到我们想要的字体信息,当然这个功能一般来说是提供给前端开发使用,对于设计师们来说不太友好。不过好在有各种 “哪里不会点哪里” 的浏览器插件,普通用户也可以方便地知道网页上使用的字体。

此类浏览器插件很多,比如 WhatFont;FontFace Ninja;CSS Peeper。推荐挑剔的设计师们使用颜值更高的 CSS Peeper。

Csspeeper


几种常用的识别页面字体方法

△ 上图为使用 WhatFont 检索网页页面字体

简单介绍一下 CSS Peeper,它不仅能识别字体,还可以快速识别网页中的各种元素的属性,比如说大小、色值甚至是图片资源,强烈推荐网页设计师们使用。


几种常用的识别页面字体方法

点击 CSS Peeper 插件图标后可激活插件本体,之后就可以点击网页上的字体进行识别。

需要注意的是,识别出来的字体名称显示在 FONT-FAMILY 内,但是一般情况下这里显示的是一大串字体的名称,那么如何知道我们点击的字体使用的是其中的哪一个呢?这里就需要介绍一下浏览器的字体调用规则。


几种常用的识别页面字体方法

浏览器调用字体文件的规则是根据 FONT-FAMILY 部分字体名称的排列顺序来的,也就是说优先使用排在前面的字体。由于中文字体中包含了英文字母,因此通常情况下,浏览器会优先使用中文字体中的字母来取代英文字体,而这往往是我们不希望看到的,所以一般都会把西文字体优先排在 FONT-FAMILY 列表前面。

在了解了浏览器的字体调用规则后,再排除 FONT-FAMILY 列表中一些我们日常用到常见字体,例如 “ PingFang SC(苹方-简)”、“ Helvetica Neue ”、“ STHeiti(华文黑体)”、“ Microsoft Yahei(微软雅黑)”、“Simsun(宋体)”,最后得到你想要字体就非常简单了。

2. 图片印刷物上的字体

这类情况下除非是那些凭熟悉程度一眼可以认出的字体,大部分的字体的识别都比较困难。虽然没有一个完美的解决办法,但是这里也可以提供一些思路给大家。

2.1 使用字体搜索工具以图辨字

设计师经常碰到的一个场景是,搜集到一些很赞设计作品,进而想知道图片中所使用的字体。这种情况下我们就可以使用一些通过上传图片来进行字体识别的服务。提供识别图片中的西文字体的网站较多,有大名鼎鼎的在线商业字体销售平台 MyFonts 旗下的 WhatTheFont;也有高质量免费西文字体下载网站 Font Squirrel 提供的Font Identifier 以及 WhatFontis 等。

WhatTheFont


几种常用的识别页面字体方法

识别中文字体可以使用求字体(最近老罗在坚果 Pro 的发布会上也介绍到 Smartisan OS 增加了与求字体网合作的字体识别功能)。值得一提的是求字体宣称不光可以识别中文还可以识别英、日韩、俄、书法等多种类字体,大家有兴趣可以都去尝试看看。


几种常用的识别页面字体方法几种常用的识别页面字体方法

这类服务的使用方法以及一些小 Tips (例如在上传图片前对图片进行一定的处理以优化识别效果)都大同小异,且在以上网站都有专门的介绍页面,因此就不再赘述了。

当然,这种方法因网站本身字体库的大小以及识别技术上的限制,免不了会有识别结果不符的情况出现,但就现阶段来看已是非常实用的工具了。

2.2 搜作者名字及出处

如果字体搜索工具不能提供满意的结果,不妨试试以下补充方法。

首先要善用以图搜图(上传图片寻找相似图片的功能),推荐使用万能的 Google 图片 或是老牌的 TinEye 。在搜索结果中寻找图片的原始出处,如果是来自 Dribbble、Behance、Pinterest 等社区中的图片,你就可以按图索骥知道作者的一些简介信息、以及常用的样式,哪怕直接留言私信询问也是可行的。


几种常用的识别页面字体方法

△ 上图为以图搜图网站 TinEye

还有一个网站 Fonts In Use 专门收集各类设计作品中的所使用的西文字体,不妨可以做为参考。


几种常用的识别页面字体方法

2.3 “人工智能”搜索法

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:快速提高页面设计档次的方法

下一篇:网页设计中的80/20法则

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信