与 CSS 一起使用的 32 种华丽的 Web 安全字体

对于我们大多数人来说，我们每天都会看到几个小时的字体。 如果您是办公室工作人员，您可能会看到更多。 它们也用于印刷和网站。 事实上，字体最初是为排版设计的，用于印刷报纸和书籍。

今天，字体以电子形式用于网站设计、广告图形等以及仍在印刷的报纸、杂志和书籍。

你怎么知道你选择的字体会显示给观众？

我们整理了 32 种网络安全字体，您可以在您的网站上与 CSS 一起使用。

然而，在我们讨论这些之前； 你知道网络安全字体到底是什么吗？

什么是网络安全字体？

每个操作系统无论是 windows 还是 mac 都带有一定数量的内置字体。 即使不是所有的计算机系统都安装了相同的字体，您也可以使用网络安全的字体样式包来选择几种看起来可比较的字体。 这将允许各种系统查看您在网站上发布的内容。

如果您不选择网络安全字体； 并非所有访问您网站的人都能看到您页面上发布的内容，这就是为什么选择一种网络安全字体堆栈很重要的原因。

什么是 CSS？

对于所有允许您创建自己的网站的网站和如雨后春笋般涌现的托管公司，您只需拖放即可，您可能不知道 HTML 或 CSS。

CSS 代表层叠样式表，它允许您控制样式元素，例如 Web 文档中的颜色、字体或间距。 它基本上告诉用户的计算机向查看器显示什么字体、颜色和间距。 如果该用户没有该字体，只要设计者选择了要使用的字体堆栈或字体系列，计算机就会下载它或使用类似的字体。 一个字体家族就像 Lucida 一样，它还包含 Lucida Sans 和 Lucida Grande。

虽然电视广告展示了成功的商业网站使用他们建立自己的网站，但我不推荐它。 如果您真的想为您的企业打造专业的外观，请聘请专业的设计公司。 不过，如果您真的希望自己构建并了解一些 HTML 和 CSS，那么您应该使用某些字体，我们会告诉您这些字体是什么。

32 种网络安全字体

如果在您的字体堆栈中使用以下字体将是安全的，并且您的网页将正确显示给任何访问它的人。 他们也可以给你一个专业的外观。

无衬线网络可靠字体

这些无衬线字体最适合您的网页。

1. 宋体
2. 宋体黑
3. 塔霍马
4. 投石机 MS
5. 维达纳

以下是其他一些，即使它们可能不会在某些未安装它们的计算机上显示。

1. 世纪哥特式
2. 日内瓦
3. 露西达
4. 露西达·桑斯
5. 露西达格兰德

Serif Web 安全字体

这些是衬线的最佳选择

1. 信使
2. 快递新
3. 乔治亚州
4. 时代
5. 英语字体格式一种

这些将起作用，但可能不会在某些计算机上显示。

1. MS衬线
2. 纽约
3. 帕拉蒂诺
4. 帕拉蒂诺列型

等宽字体

等宽字体的最佳字体

1. 信使
2. 快递新

这些将起作用，但在某些计算机上可能会丢失。

1. 露西达控制台
2. 摩纳哥

智能手机和移动设备

这些设备实际上只有几种字体； 不幸的是，Android 设备没有相互的字体样式。 相反，您需要使用@font-face 标签来引入您想要使用的源代码。 对于 iPhone、iPod 和 iPad 设备，最常用的字体样式包括：

1. 宋体
2. 信使
3. 快递新
4. 乔治亚州
5. 黑尔维提卡
6. 帕拉蒂诺
7. 英语字体格式一种
8. 投石机 MS
9. 维达纳

这些是您可以使用的最常见的网络安全字体，并确保大多数人会看到您的网页在 iPhone、iPad 和 iPad 设备上正确显示。

免费与付费

使用 Open Office 和 LibreOffice 等开源代码程序，您可能会发现很多优质的免费字体可以从 Internet 下载。 其中许多质量很高，我们大多数人都喜欢免费的东西； 此外，为什么不在一个项目上节省几块钱呢？

免费总是好的，对吧？ 或者是吗？ 免费真的可以与付费字体相比吗？

免费字体与付费字体相比有什么区别？ 答案是质量。 是的，一些免费字体质量很好。 但是，当涉及到免费时，您仍应检查许可以确保您可以使用它们。

那么免费收藏中的一些字体是什么？

1. Mans Greback 的 Southern Aire 可供个人免费使用
2. 恶魔东自由由 fey 设计
3. 比利·阿尔杰（Billy Argel）定期使用的卡萨布兰卡黑葡萄酒
4. Jovanny Lemonad 的 Magnolia 脚本
5. 马尼拉 Sans – 粗体由 theprintinghub 上传
6. MyFonts 的典型标题
7. 可移动类型联盟的哥特联盟
8. 散光大酒店
9. Ayres Serif by Mariel Gornati

2016 年最受欢迎的免费字体是什么？

10. 北极免费字体
11. Bemount 免费字体
12. Esphimere 免费字体
13. Jaden 免费字体
14. Barbaro 免费字体
15. Ansley Display 免费字体
16. Bariol Serif 免费字体
17. Bohemia SlabSerif 免费字体
18. 恒星免费字体
19. 巴拿马 免费字体
20. BSRU Bansomdej 免费字体
21. 萤火虫免费字体
22. Mightype Script 免费字体
23. BERNIER 免费字体
24. 无记忆字体

可以将这些免费字体用于什么？ 也许在讲故事的网页上是使用这些字体的好地方。 它们也可以用于个人日记、照片博客； 几乎所有你想发布到互联网上的东西。

专业人士使用什么字体？

当设计师为客户构建网页时，他们会使用来自多个集合的付费字体。

也许您想知道专业人士使用什么字体？ 这些字体最常被专业人士使用。

1.黑尔维提卡

2.果子

3.万千临

4. Avenir 标准

5.图拉真

6. Optima 标准

7. ITC 富兰克林哥特式标准

8.富利

9.比克汉姆脚本

10.大学

11.欧洲标准

12.州际公路

13.贸易哥特式

14.吉尔·桑斯

15.沃诺克

16.开普勒

17.博多尼

18.本博

19.罗克韦尔

20.元

21.哥谭

这 21 种字体是您最常在由专业网页设计师设计的网站上看到的字体。

专业的网页设计师会使用免费字体吗？ 专业网页设计师可能会根据客户的需求使用一些免费字体。 以下是专业网页设计师可能会使用的一些内容。

• 美味的
• 龙胆
• 理货
• 亚诺·卡菲萨兹
• 神的食物
• 空白
• 包含 Sans 和 Serif 的 Liberation 系列
• 临临临

你需要什么字体？

你可能需要字体做什么？ 您可以使用字体的一些事情是简历写作，写日记或博客，或者照片日记以分享家庭照片。 你也可以用它们来写你的家族史和家谱，或者你的家庭企业的网站，比如自由职业者的网站。

如果您是自由撰稿人，您应该考虑将其中一些免费字体作为您可以使用的工具，具体取决于客户想要呈现的内容。 您也可以在您的投资组合中使用它们来向客户展示。

你在哪里可以得到字体？

您可以从哪里获得用于您的项目、网页和其他用途的字体？ 这是您可以获得字体的地方的列表。 其中一些是付费的，一些是免费的，其他的将包含付费和免费字体的组合供您下载。

• 来自 Microsoft 的 Office 支持 - 许多是付费的，可能有一些免费的
• Google Fonts – 来自 Google 的免费字体
• 1001 种免费字体——超过 12000 种免费字体，还有 mac 字体
• DaFont – 这些都是免费的
• 城市字体——这些是免费的
• Font Squirrel – 这个网站不仅有免费和付费的，还向您展示了该字体适用于哪些操作系统。
• iTunes – 苹果商店有免费和付费字体

这些站点中的许多站点（如果不是全部）都会提供有关如何为您的操作系统（无论是 windows 还是 mac）下载和安装字体的说明。

请注意并按照给出的说明进行操作，安装下载的字体应该没有问题。

您为字体支付的费用取决于您从事的业务类型、您正在做的项目类型以及您的预算。

请记住，免费并不总是最好的选择。 如果您希望为客户提供全面的选择，您可能需要削减其他领域的预算以支付某些字体的费用。

如果您觉得付费字体对客户来说是更好的选择，请向他们解释为什么要向他们展示付费字体和免费字体的区别； 请务必说明并非所有系统都安装了字体，因此可能无法看到它们呈现的信息。

结论

有了所有自己动手的网站建设网站，您不再需要了解 HTML 或 CSS，但您应该了解操作系统中通常使用的字体类型。

当您建立一个网站时，您是在向访问者提供有关您的业务或您认为他们需要知道的事情，甚至是关于您自己的信息。

如果您建立自己的网站并且不使用大多数操作系统已安装的通用字体，那么您网站的访问者可能无法查看您试图提供给他们的文档或信息。

您选择的字体非常重要，应该谨慎选择，尤其是现在很多人都在做自己的网站构建。

您必须记住，并非每台计算机都会安装所有字体，这就是为什么您应该选择一个或多个具有相似字体的字体系列来代替它。

我们为您提供了很多字体供您选择，有些是付费的，有些是免费的； 由您决定哪个更适合您的项目或业务 - 付费或免费。 这完全取决于您希望向人们展示的图像； 专业或电枢。 如果是给客户的； 那么您还可以为他们提供付费和免费的最佳选择，并解释它们之间的差异，以便他们拥有做出明智选择所需的所有信息。 不要忘记告诉他们您作为专业人士会为自己的个人项目选择什么以及为什么。