20个新鲜免费的标题字体

TomKao 2012-05-10

字体在设计中是重要的因素，甚至是整个设计的灵魂！大家肯定看过那些用字体关系衍生而来的一些独特的创意设计。即使很少元素，即使只是用一个字母，有的时候也能架构起整幅设计画面。而在信息爆炸的现在，字体更是无处不在。从报刊杂志到现在流行的平板电脑的电子刊物。我们无时无刻的都在接触着字体，那么有一些优秀的字体对于设计师来说是很重要的。下面分享给大家的是20个新鲜免费的字体。你可以收藏起来用在以后的排版设计中。

Ostrich Sans (.ttf)

Ostrich Sans Download Page

Novecento (.otf)

Novecento Download Page @fontface Download”/>

Sansus Webissimo (.otf)

Sansus Webissimo Download Page

FF Sero Medium (.otf)

FF Sero Medium Download Page

RBNo2 (.otf)

RBNo2 Download Page

Governor (.ttf)

Governor Download Page

Sheep Sans (.ttf)

Sheep Sans Download Page

Carme Sans-Serif (.otf & .ttf)

Carme Sans-Serif Download Page

Muli (.ttf)

Muli Download Page @fontface Download

Infinity (.ttf)

Infinity Download Page

Weston (.otf)

Weston Download Page

Quaver (.otf)

Quaver Download Page

Tondu Beta (.otf)

Tondu Beta Download Page

Banda Regular (.otf)

Banda Regular Download Page

Font FoglihtenFr02 (.otf)

Font FoglihtenFr02 Download Page

Claire Hand Light & Reular (.otf)

Claire Hand Download Page

Wisdom Script (.otf)

Wisdom Script Download Page

Legion Slab(.ttf)

Legion Slab Download Page

and finally… SD Helveticons (.ttf)

: TomKao

相关推荐

看不懂UI文字设计规范？这篇文章帮你搞定！

文字设置过程中涉及到字体类型、字号、字重、行高、行宽以及颜色等。iOS设备的系统默认字体，中文为苹方，英文&数字为SF UI Text。也有特殊情况，例如标签里面的文字，字号为10甚至可能更小。在界面过程中，需要规范字号大小和对应的行高。可以看出i

精细化设计 0喜欢 / 0评论 2020-11-06

怎么让Chrome支持小于12px 的文字？

往往设计师回来找我们，这个字体能小一些吗？其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？针对谷歌浏览器内核，加webkit前缀，用transform:scale

sunshineboyleng 0喜欢 / 0评论 2020-07-08

设计师，程序员，当心字体侵权

最近在设计一个网站时特意调研了一下字体侵权的事，汇总分享给大家，免得再掉进坑中。同时，也为大家提供一些可免费商用的字体库。顺便提一下写这篇文章的一个契机，因为调研了字体版权的事，看待其他网站或产品时便会无形中留意一下。就在昨天用微信读书时，想调整一下字的大

ShylaDong 0喜欢 / 0评论 2020-01-08

好设计的20条金律

可以打破规则，但不能忽视规则。让我们继续前进吧！这条规则与第一条规则有关联，是关于如何阐述至关重要的理念的。用同一种视觉语言来表达，使设计的各个部分彼此联系…一旦有两个元素“开小差”，或者只是一个非常细微的地方被忽略，它对其他元素而言就是“不合群者”，所传

TomKao 0喜欢 / 0评论 2014-01-27

网页设计和开发中，关于字体的常识

本文的最新内容将在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中

VanTYS 0喜欢 / 0评论 2019-10-19

Win10秋季创意者更新16273预览版设置Bahnschrift默认字体方法详解

9月4日消息此前微软在Win10中通常使用Segoe字体，这一字体是作为Metro设计的一部分首先在Windows Phone和Windows8中亮相。为了适应未来趋势，微软在Win10秋季创意者更新16273预览版中开始引入了全新的Bahnschrift

波拿巴 0喜欢 / 0评论 2017-09-03

一种不完美的网页字体异步加载方法

最近在做一个项目时，遇到了这样一个问题：网页大标题要用设计师指定的中文字体，该字体文件比较大，浏览器加载字体文件的过程中是不会显示使用该字体的文本的，于是出现了初次打开网页时有一段时间“No title”的BUG。把文字做成png图片，或改为路径后做成SV

87241641 0喜欢 / 0评论 2019-07-30

字体在哪个文件夹里 win7怎么安装新字体(两种方式)

对于系统的字体，我们一般都是作为精简系统的选择，为例节省系统盘的空间，把多余的字体都给处理掉，但是做设计师、编辑等职业因为工作需求，用到的字体会很多，所以就需要安装大量的字体。那么自己到底存放在那个文件夹呢？如果您还不清楚的话，就由百事网小编格子来告诉您吧

liaycn 0喜欢 / 0评论 2013-05-30

浅谈微软和苹果各自的字体平滑,反锯齿,和次像素渲染技术

微软公司信奉实用主义的观点，认定字体的原始设计并不是神圣不可侵犯的，锐利的、便于阅读的屏幕显示更为重要，不一定非拘泥于字体设计师对文本颜色深浅的原始安排不可。Target连锁超市则是美国第五大零售商，经常会搞一些别出心裁的推广活动。

86251940 0喜欢 / 0评论 2009-03-19

网页中这 10 种字体的运用方式，不会让人觉得 Low

对于设计师而言，在日常的平面和 UI设计中，给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求，但是直接按照要求来设计可能会毁掉整个设计。更多时候，你需要的是一些相对优雅但是又足够吸引人的字体效果，让整个设计项目的走向更加合理。正如前

anqier 0喜欢 / 0评论 2019-06-27

文字设计是网页设计的根本

恩，网页设计的秘密是什么？这是一个艰难的问题，一个可能没有答案的问题。在 2006 年，Oliver Reichenstein 写下了Web Design is 95% Typography. 一些人狂爱它，一些人却不以为然。若网页设计过多的依赖于文字设计

cgnine 0喜欢 / 0评论 2014-10-14

从Web字体谈起——默认字体样式设置

在网页设计中字体的设置不可小觑，好的字体让人赏心悦目，凌乱的字体让人抓狂，如何正确的设置网页中的字体便是今天讨论的话题。在网页设计中字体设置时要考虑到不同系统、不同浏览器、不同渲染方式的字体表现，选择一套合适的字体设置值得深究，为保证各种平台环境中的表现效

维爱丝 0喜欢 / 0评论 2014-08-01

Web页面的常见字体有哪些

第一层是浏览器的默认样式第二层是网页定义样式第三层是用户自定义样式和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。important 时，网页样式可以覆盖用户自定义样式。浏览器中展示网页文字内

cgnine 0喜欢 / 0评论 2014-03-17

好设计的20条金律

可以打破规则，但不能忽视规则。让我们继续前进吧！这条规则与第一条规则有关联，是关于如何阐述至关重要的理念的。用同一种视觉语言来表达，使设计的各个部分彼此联系…一旦有两个元素“开小差”，或者只是一个非常细微的地方被忽略，它对其他元素而言就是“不合群者”，所传

张骞 0喜欢 / 0评论 2014-01-27

Android 字体修改，所有的细节都在这里 | 开篇

本账号发布文章均来自公众号，承香墨影，版权归承香墨影所有。序在 Android 下使用自定义字体已经是一个比较常见的需求了，最近也做了个比较深入的研究。在 application 中，通过 android:theme 来配置一个 App 的主题。一般新创建

88457415 0喜欢 / 0评论 2019-06-25

设计师的春天：中文WebFont解决方案Font-Spider(字蛛)

我们在日常需求中，经常会碰到视觉设计师对某个中文字体效果非常坚持的情况，因为页面是否高大上，字体选择是很重要的一个因素，选择合适的字体可以让页面更优雅。面对这种问题，我们通常以下方式来进行设计还原：。产生的问题制作与维护成本很高。切图繁琐、高清屏适配繁琐、

chu0 0喜欢 / 0评论 2019-06-21

字体图标(font-icon)，你还有什么理由不使用它？

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can

anqier 0喜欢 / 0评论 2019-06-20

网页设计师的字体替换方法指南

在国外的设计师幸福地讨论着如何不用图片进行字体替换时，当Google Proudly地提供越来越多的web fonts时，使用中文的网页设计师只能发出一声叹息。中文世界的网页字体窘境，不仅仅是由于中文符号过多造成的字体文件过大这样的技术阻碍；更深一层的原

TomKao 0喜欢 / 0评论 2011-09-06

BANNER中的字体结构分析

本来想写“Advertisemen中的字体结构分析”，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。Banner的本身形状：形状决定了其固

cgnine 0喜欢 / 0评论 2011-05-23

Android应用视觉效果设计技巧

本文介绍在Android应用中如何提升视觉效果。当我们投身这个领域时，每个开发者都想让自己的应用更加出色，在Android应用开发中，风格和设计或许不是最关键的要素，但它们在决定Android应用成功与否上确实扮演重要的角色。在图像方面，许多Android

胡杨林 0喜欢 / 0评论 2012-07-10

使用Cufon技术实现Web自定义字体

在网页设计中，设计师会在设计中加入一些特殊效果的字体以使得页面更加美观，然而访问者的系统一般都是没有安装这些特殊字体的，所以使用font-family属性来定义这些特殊字体是行不通的，于是人们想出了很多解决方案，今天要介绍的是其中之一的Cufon方案。作为

sdouara 0喜欢 / 0评论 2011-07-06

如何提高用户体验？优秀的用户体验需要遵守的十大准则

在网页设计和APP软件中，一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。这是一个相当艰巨的任务，但是大多数设计师可以通过练习达到这种效果。今天我们将去看看优秀的用户体验需要遵守的10个 “准则”，同时你也可

chenyanyan 0喜欢 / 0评论 2016-06-01

网站字体优化对用户体验度的影响！

站长们越来越愿意在用户体验上下工夫，但提升用户体验可不是简单的事情，需要大量的调研、分析和实验。最近我们发现了一篇好文章，希望和广大站长分享。虽然国内外的互联网环境不同，原文中的结论并非全部适用于国内网站，但文章中的思路及实验方法，站长们是可以借鉴一下的。

codinghouse 0喜欢 / 0评论 2014-09-23

合理把握5元素，让页面文字阅读更舒适

对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设计师的你是怎样处理这样的界面的?是习惯性的使用宋体字或者微软雅黑?是直接设为12px或者14px的字号?你有考虑过文字排布与阅读效率的关系吗?你的页面背景会影响到用

luohnoyo 0喜欢 / 0评论 2013-07-15

关于网站建设的10个策划小技巧(干货)

好多站长在网站建设的时候往往既要考虑的网站的整体美观度，同时还要考虑到网站的实用性和营销作用，那么在这方面都有什么小技巧吗，或者有什么要注意的吗，原创小编今天就为大家整理了十条关于网站建设的实用小技巧。网页信息太多了，所以我们要尽量缩减我们的段落内容，用精

eevindesign 0喜欢 / 0评论 2017-05-11

开发者福音：Google将Android默认字体Roboto完全开源了

最近关于字体的消息很多啊，尤其是苹果有可能会在iOS 9、OS X 10.11里使用手表上的San Francisco字体来取代Helvetica Neue。Google也刚刚宣布，Android、Chrome OS系统的默认字体“Roboto”以及相关创

bjhaowang 0喜欢 / 0评论 2015-05-26

不会挑选字体怎么办 7种字体的类型及特点的详细介绍

妈妈常说字如其人，到了设计师这里，字体就决定了产品的气质。如何给作品挑选一款合适的字体是非常重要的(完全无法直视设计师简历用宋体!!)，那么，对字体完全无感的同学，得先赶紧了解下字体的性格和特点，才能灵活自如运用呀。当我们拿到一款产品的包装或者登入了一个网

88457415 0喜欢 / 0评论 2014-07-17

阿里给所有卖家发福利：全球首个人工智能中文字库免费用

最近，阿里巴巴悄悄推出了全球首个人工智能中文字库，这款阿里汉仪智能黑体测试版，目前拥有3500个中文汉字，将免费提供给阿里用户使用。侵权与维权的背后，不仅仅是利益的撕扯，还有关于创意价值的认可度。

82437702 0喜欢 / 0评论 2018-02-23

拒绝版权流氓！阿里巴巴重磅发布免费商用字体

UCAN 2019 设计大会在杭州国际博览中心开幕，超过 4000 位来自世界各地的设计师参与了这场阿里巴巴设计举办的盛会。继去年品牌升级为阿里巴巴设计后，阿里巴巴经济体设计委员会委员长杨光（青云）再度在大会上重申了对设计的理念和期待 —— 让商业美而简单

阿里巴巴阿兴 0喜欢 / 0评论 2019-04-28

托管你自己的在线字体

使用自托管的开源字体来定制你的网页。字体对许多计算机用户来说可能都是很神秘的东西。举个例子，你在制作好一张很酷的传单之后，你需要将它送到某个地方去打印，结果发现，你设计的所有字体都变成了 Arial，这多半是因为打印店没用安装你设计用到的那些字体。不过，我

hahaasia 0喜欢 / 0评论 2019-03-27

设计更快的网页（三）：字体和 CSS 调整

欢迎回到我们为了构建更快网页所写的系列文章。本系列的第一部分和第二部分讲述了如何通过优化和替换图片来减少浏览器脂肪。本部分会着眼于在 CSS和字体中减掉更多的脂肪。调整 CSS首先，我们先来看看问题的源头。CSS 的出现曾是技术的一大进步。如今很多

coulder 0喜欢 / 0评论 2018-11-20

张艺谋的御用字体设计师，刚出了一款中文字体

今天给大家推荐的几乎都是大咖，设计师作品包括张艺谋《影》、陈可辛《武侠》、《暴雨将至》、《大护法》、《军师联盟》等电影/电视剧的海报字体设计。汉仪许静行楷，是汉仪字库和许静合作的一款行楷字库，这款字兼具行书优美的弧线和楷书端正的结构，是一款适用性很强的，

zhoudengyan 0喜欢 / 0评论 2018-08-28

腾讯换新字体啦！联手打造它的CDC和Monotype究竟是何方神圣？

昨日，打开朋友圈，你会发现“腾讯字体”、“腾讯logo”几乎霸占了整个屏幕。但是你不知道，其实这是腾讯CDC 和腾讯集团市场与公关部一同推动的项目。接下来我们将会细数“腾讯字体”的前世今生，讲述台前幕后的故事。腾讯将logo升级的同时，还发布了一套属于腾讯

腾讯成长守护平台 0喜欢 / 0评论 2017-11-17

30种漂亮免费的Sans Serif扩展字体

尽管现在大多数web设计师在他们的网站中使用的是现代主义和现代字体设计，并在阅读文本和标签提供一个独特的氛围。除了使用 sans serif 字体外，还有很多对 serif 字体进行改进，包括利用衬线、微妙细节、曲线和锐利边缘等效果来创建新的字体，让用户在

架构设计 0喜欢 / 0评论 2013-05-29

文字设计是网页设计的根本

你已寻找这个问题多年，常听到这个问题在梦中被问及，也在以印第安纳琼斯般的远行去寻求答案。当你知晓答案，你感到彩屑从天花板上纷纷坠落，乐队也开始演奏你最爱的歌，你甚至从你的那一位那里得到了一个甜蜜的吻。在2006年，OliverReichenstein写下了

littledream 0喜欢 / 0评论 2012-08-03

Logo设计师可能会犯的22个错误

对于接受的任务，我们要追求原创精神。Logo和品牌战略意识要齐头并进，这样才能确保我们为客户创造的Logo是独一无二并令人难忘。每个Logo都应传达一个信息。如果潜在的客户再看完Logo以后对我们服务的对象仍然一无所知，那么这个Logo设计就是失败的。为了

hitgavin 0喜欢 / 0评论 2011-12-12

设计师说，我们要在 App 里用十种字体！！！

在 Android 下使用自定义字体已经是一个比较常见的需求了，最近也做了个比较深入的研究。那么按照惯例我又要出个一篇有关 Android 修改字体相关的文章，但是写下来发现内容还挺多的，所以我决定将它们拆分一下，分几篇来详细的讲解。期待你持续关注。本篇

myblogdhy 0喜欢 / 0评论 2017-10-13

Android字体修改，所有的细节都在这里 | 开篇

在 Android 下使用自定义字体已经是一个比较常见的需求了，最近也做了个比较深入的研究。那么按照惯例我又要出个一篇有关 Android 修改字体相关的文章，但是写下来发现内容还挺多的，所以我决定将它们拆分一下，分几篇来详细的讲解。主要会是一些常用的替

zjxbjh 0喜欢 / 0评论 2017-09-19

不是天才也可成为顶级设计师的八大秘诀

如果你是一个像我一样的设计师，你所设计的作品首先要美观。这一点可能会触动你的自尊心，让你以为设计者需要有一种超能力，这种能力足以把整个世界变得更加美好。前五个建议更适合于视觉设计，而后面的三条比较适合于交互设计。Keynote可以使所有元素处于同一条直线上

维爱丝 0喜欢 / 0评论 2011-10-24

苹果为何抛弃Helvetica—揭示iOS9 字体丑的秘密

从第一台iPhone起，苹果就将Helvetica当作系统字体。它是全世界最著名最受欢迎的字体。iOS 9如今已公开发布。带来了一些细微的变化，但iOS 9的系统字体变成了苹果新推出的旧金山字体，代替了之前用的Helvetica Neue。旧金山字体之前已

leitingdulante 0喜欢 / 0评论 2015-10-20

Noto：Google 在字体设计上的庞大野心

近日，Google 与 Adobe 联合发布了一款开源字体思源黑体，在中国字体界引起了不小的震动。“思源黑体”有七种字体粗细，涵盖多种语言，包括日文、韩文、繁体中文、简体中文等。对于设计师和开发人员来说，开源黑体无疑是一个值得考虑的新选择。在“思源黑体”的

baohuanlove 0喜欢 / 0评论 2014-08-07

扁平化设计Typography字体

Typography整洁的字体是扁平化设计的重要组成。因为扁平化设计注重简约，字体的选择也应该简单、干净。大多数设计师挑选简单的无衬线字体，使用一到两种字重。一般来说，一个设计项目中，使用的字体种类不会超过两种。字体一般非黑即白，不带装饰和色彩。最终，要确

linran00 0喜欢 / 0评论 2013-09-22

提升Android应用视觉效果的10个UI设计技巧

在图像方面，许多 Android 应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单，但就应用的视觉吸引力而言，这是个错误的做法。要让应用呈现出最佳的视觉效果，那么就应当针对具体的设备屏幕设计不同的图像。最适当的图像才能构建出最棒的用户体验

精细化设计 0喜欢 / 0评论 2013-07-23

CSS属性font-size用法详解

本文向大家描述一下CSS属性font-size的用法，一个元素的font-size属性会自动继承它父节点元素的font-size属性值，除非你覆盖了它。CSS的字体样式设置相信许多人再熟悉不过，其实字体样式的设置并不仅仅限于我们平时常用的那几个属性，本文为

cuteyDan 0喜欢 / 0评论 2010-08-30

提升Android应用视觉效果的10个UI技巧

在Android应用开发中，风格和设计或许不是最关键的要素，但它们在决定Android应用成功与否上确实扮演重要的角色。在图像方面，许多Android应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单，但就应用的视觉吸引力而言，这是个错误的做

luteryiyi 0喜欢 / 0评论 2012-02-22

详谈关于Web字体:现状与未来

7月14日至19日，于 Atlanta 召开的 TypeCon 2009 上，人们讨论了如何在 Web 中嵌入字体，关于这次会议，有以下 Twitter 消息可以参阅，Stephen Coles 的 @typographica 以及 Grant Hutch

littledream 0喜欢 / 0评论 2009-07-21

深入探讨CSS中字体元素

　　中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。　　作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容易疲劳的方式，阅读的时候你的视线实际上是跟随整行文字的外形。一般地， line-

ShixunOnline 0喜欢 / 0评论 2006-09-24

CSS 中关于字体处理效果的思考

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面

xuhui 0喜欢 / 0评论 2006-09-24

我们观察到，2018年网页文本字体的设计趋势有这7种

网站最基本的功能是呈现信息，让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天，我们搜集了 2018 年网页设计领域正在流行的文字排版设计趋势，与你分享。2006 年，Oliver Reichenstein 撰写了文章《网页设计95

图月志 0喜欢 / 0评论 2018-05-24