- A+
Web字体是设计人员的绝佳资源。这是一个列表，包含Web安全字体，免费的Web字体，以及可自定义的字体资源。
90%的网页设计归结为两个设计元素：图像和字体。字体的重要性是不言而喻的，但是找到免费的网络字体和良好的网络安全字体仍然很困难。为了节省您的搜索，Mockplus团队收集了可用的最佳网络字体列表。我们希望这个网络字体列表不仅为您带来便利，还为您的设计带来价值。
提示：在使用前检查字体使用条款是一个好习惯，特别是如果将它们用于商业目的。
在本文中，介绍Web字体有四个部分：
什么是网络安全字体?
为什么使用网络安全字体很重要?
关于网络字体使用的建议。
与HTML和CSS一起使用的最佳Web字体列表
什么是Web Safe字体?
Web安全字体是通常预装在大多数设备上的字体 - 计算机，移动电话，智能电视和平板电脑。
为什么使用Web Safe字体?
理想情况下，您可以选择任何您想要的网站设计字体。实际上，您可以使用的字体类型是有限的。大多数计算机和Web浏览器都附带制造商预先安装的一组字体。
如果您使用的字体未安装在用户的计算机上，则您的网站将恢复为不属于原始设计的通用字体。这对于UI设计和网页的用户体验非常不友好。如果您希望保持网站设计和视觉品牌的一致性，那么使用网络安全字体可确保您的网站完全符合您希望在不同设备上显示的内容。
例如，如果在使用原型工具 Mockplus 时不使用Web安全字体，则网页上的预览字体将与移动电话上的字体预览不一致。因此，下次使用Mockplus时遇到字体问题，请首先检查您使用的计算机上是否安装了相应的字体。
关于Web字体使用的建议
1.选择基本字体
通常，有四种字体类型：
衬线字体
没有衬线呢
手写
装饰体
2.选择大于12磅的字体
3.注意文本的长度
4.注意间距
使用HTML和CSS的10个最佳Web安全字体
此Web安全字体列表包括最流行的字体和最常用的排版字体。虽然有些是免费的，但请购买正版授权字体。
1. Arial
Arial字体是过去30年来使用最广泛的设计之一。由Monotype Imaging设计师Robin Nicholas和Patricia Saunders于1982年设计，用于早期的IBM激光打印机。由于Arial在大小尺寸以及各种应用中都易于阅读，因此Arial几十年来一直是主要的屏幕字体。
用于：广告，书籍设计，办公室通讯，海报，大型平面广告
Web字体下载
CSS字体堆栈
2.仪表
微软发布Calibri及其作为许多应用程序中的默认字体的实现被广泛认可。它是一种人性化的无衬线字体，以其温暖和圆润的线条而闻名。Calibri的紧凑布局使其可以灵活地适用于各种文本尺寸。
用于：数字媒体
Web字体下载
CSS字体堆栈
3.时报NewRoman
Times New Roman是最常见的字体类型之一。这种衬线字体来自英国“泰晤士报”。1929年，字体专家斯坦利·莫里森批评该杂志的字体难以阅读和丑陋。该杂志的人们接受了他的批评，并要求他设计一种适合杂志阅读的新字体。因此，Morison与该杂志的Victor Lardent合作设计了现在着名的Times New Roman。
用于：书籍，期刊，年度报告，小册子，报纸
Web字体下载
CSS字体堆栈
4. Helvetica
使用Mockplus，原型更快，更智能，更轻松
免费入门
Helvetica是最广泛使用的无衬线字体之一，由Max Miedinger和Eduard Hoffman于1957年创建。这种字体的中性设计使其在各种应用中都非常有用。由于其可用性，Helvetica无处不在，一直是企业形象的热门选择。此外，Helvetica被美国政府广泛使用，Helvetica字体用于美国税收法案。
用于：品牌商标
Web字体下载
CSS字体堆栈
5.他给
Tahoma是一种非常常见的无衬线字体。字体结构类似于Verdana，其字符间距很小，并且它对Unicode字集的支持很大。它是由微软于1999年推出的。许多不喜欢Arial字体的人经常使用Tahoma。具体而言，Arial因某些风格问题而受到批评，例如大写“I”和小写“l”难以区分
用于：屏幕对话框，菜单
Web字体下载
CSS字体堆栈
6.格鲁吉亚
Georgia是一种衬线字体，由着名字体设计师Matthew Carter于1993年为微软设计。其优点之一是即使在小字体尺寸下也具有良好的可读性。
用途：电子书，手机，电脑网页
Web字体下载
CSS字体堆栈
7. Verdana
Verdana是由Matthew Carter为Microsoft设计的无衬线字体。与字体Frutiger一样，Verdana设计概念适用于当时的低分辨率计算机屏幕。Verdana字符的广度和宽度是该字体在屏幕上易读性的关键。尽管Verdana字体系列体积小，但它具有更高的分辨率，因此是最流行的字体之一。
2010年，宜家放弃了多年使用的Futura，并求助于Verdana。根据宜家的说法，这种变化的原因是为了确保字体可以适应各个国家的文本(以前的宜家字体与亚洲字符不兼容)，从而确保宜家设计的一致性。因此，Verdana具有广泛的国际吸引力和可用性。
用途：电子书，手机，电脑网页
Web字体下载
CSS字体堆栈
8. Optima
Optima字体是由着名设计师Hermann Zapf设计的清晰精确的字体。Optima的灵感来自古典罗马铭文，曲线和线条略有不同，给人留下优雅和清晰的印象。因此，Optima经常被用来传达经典理想以及当前的趋势。例如，雅诗兰黛将其用作官方字体设计。
用于：海报设计，装订，专辑封面，产品包装设计
Web字体下载
CSS字体堆栈
9.帕拉蒂尼山
Palatino字体系列据说是世界上十种最常用的字体之一。Palatino的设计采用经典的衬线字体，强大，开放的风格，易于阅读和非常有吸引力。它的受欢迎程度催生了许多模仿者。
用于：报纸和杂志，广告，电子书，移动应用程序，计算机页面
Web字体下载
CSS字体堆栈
10. Candara
Candara是一款sans serif字体，由Font Designer Gary Munch为Microsoft开发，随Windows Vista一起提供。--Wikipedia
用于：电子邮件，网页设计，杂志和非正式的排版设置
Web字体下载
CSS字体堆栈
2019年10个最佳免费新字体
1. MORGANITE
2. CIRCUSDIS播放
3. 霓虹灯
4. Fivo Sans
5. 黄豆豌豆免费字体
6. 形状免费字体
7. ALOJA
8. 红衣主教
9. 保持优雅的免费字体
10. 应变自由字体
标准Web字体
标准Web字体是Windows，Mac和iOS上可用的字体(但不适用于Android)。也称为Web安全字体。
以下是标准Web字体列表，作为上面讨论的Web安全字体的补充。
1. 衬线字体：时代新罗马，格鲁吉亚
2. Sans Serif字体：Arial，Verdana，Trebuchet MS
3. Monospace：Courier New
4. 标题字体：Impact，Arial Black，Comic Sans MS
更多Web字体资源
有很多列表为设计人员提供了Web字体资源。我知道很多人都喜欢谷歌字体，所以有一套包含1,208个谷歌字体的设计师。您可以下载字体并学习如何使用Google字体。寻找美丽而独特的字体?不用担心，这里有43种商业用途的免费字体列表。
结论：
Web字体是设计人员的绝佳资源。免费的网络字体提供了高质量设计的捷径。
更多关于网络字体：
