为您的网站提供 25 种华丽的 Web 安全字体

为您的网站提供 25 种华丽的 Web 安全字体


字体。 我们每天都能看到他们。 从平面广告到杂志,世界上有各种各样的字体。

无论您是电子商务店主还是崭露头角的博主,所有网站的共同点就是使用文本作为内容。

在创建网站的整体美感并确保其成功时,对显示的文本(或版式设计)进行一些思考并不奇怪。

但更重要的是它们是网络安全字体。

什么是 Web 安全字体?

网络安全字体是通常预装并在大多数设备(计算机、手机、智能电视和平板电脑)中可见的字体样式。

为什么网络安全字体很重要?

在理想的世界中,您应该能够为您的网站选择所需的任何字体。 实际上,您可以使用的字体类型是有限制的。

大多数计算机和网络浏览器都带有一组由制造商预先安装的字体,但是,它们的设计可以(并且通常)不同。 没有所有不同制造商共享的标准字体集。

如果您使用的字体未安装在用户的计算机上,那么您的网站只会恢复为通用字体,有时最终会导致无法阅读。

为了避免这种情况,网页设计师一直在使用微软在 1996 年发布的 Core Fonts for Web 作为大多数网站字体的标准。 这些字体集最终成为“网络安全字体”,因为无论使用何种计算机,这些字体都会安全地出现在您的网站上。

我应该为我的网站使用 Web 安全字体吗?

简短的回答:当然。

如果您想保持网站的设计和视觉品牌一致,那么使用网络安全字体可确保您的网站完全符合您的预期。

事实上,今天几乎所有的网站都在使用某种形式的网络安全字体。 网页设计师将始终建议选择网络安全字体,以避免在用户访问您的网站时出现通用字体,例如 Times New Roman,如果他们没有使用特定或自定义字体。

如何添加这些 Web 安全字体?

您可以使用多种方法将这些字体添加到您的网页中,但如果您不熟悉编程或几乎没有技术经验,您可以轻松复制原始 CSS 代码并直接粘贴它们到您自己的样式表中以使用字体。

如果您仍然不确定,请按照以下几个简单步骤操作:

  1. 加载你的 header.php 文件
  2. 复制字体源/标准代码(参见参考资料1)
  3. 将代码粘贴到头文件的顶部。
  4. 加载您的 style.css,输入字体代码以更改您选择的字体文本。 (见参考文献 2)

参考1

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">

参考文献 2

body {font-family:'Abel';font-size:22px;}

为您的网站设计的 25 种华丽的 Web 安全字体

1. 宋体

Web 安全字体 - Arial

链接/来源:Fonts.com / CSS Font Stack

2. 口径

网络安全字体 - Calibri

链接/来源:Fonts.com / CSS Font Stack

3. 黑体字

网络安全字体 - Helvetica

链接/来源:Fonts.com / CSS Font Stack

4. Segoe 用户界面

Web 安全字体 - Segoe UI

链接/来源:Fonts.com / CSS Font Stack

5. 投石机 MS

Web 安全字体 - Trebuchet

链接/来源:Fonts.com / CSS Font Stack

6. 寒武纪

网络安全字体 - 坎布里亚

链接/来源:Fonts.com / CSS Font Stack

7. 帕拉蒂诺

网络安全字体 - Palatino

链接/来源:Fonts.com / CSS Font Stack

8. 永动机

网络安全字体 - Perpetua

链接/来源:Fonts.com / CSS Font Stack

9. 格鲁吉亚

网络安全字体 - 格鲁吉亚

链接/来源:Fonts.com / CSS Font Stack

10. 康索拉斯

Web 安全字体 - Consolas

链接/来源:Fonts.com / CSS Font Stack

11.快递新

网络安全字体 - Courier New

链接/来源:Fonts.com / CSS Font Stack

12. 塔霍马

网络安全字体 - Tahoma

链接/来源:Fonts.com / CSS Font Stack

13. 维达纳

网络安全字体 - Verdana

链接/来源:Fonts.com / CSS Font Stack

14. 最优

网络安全字体 - Optima

链接/来源:Fonts.com / CSS Font Stack

15. 吉尔·桑斯

网络安全字体 - Gill Sans

链接/来源:Fonts.com / CSS Font Stack

16.世纪哥特式

网络安全字体 - Century Gothic

链接/来源:Fonts.com / CSS Font Stack

17. 坎达拉

网络安全字体 - Candara

链接/来源:Fonts.com / CSS Font Stack

18. 安代尔·莫诺

网络安全字体 - Andale Mono

链接/来源:Fonts.com / CSS Font Stack

19. 迪多

网络安全字体-Didot

链接/来源:Fonts.com / CSS Font Stack

20. 铜版哥特式

网络安全字体 - Copperplate

链接/来源:Fonts.com / CSS Font Stack

21. 罗克韦尔

网络安全字体 - 罗克韦尔

链接/来源:Fonts.com / CSS Font Stack

22. 博多尼

网络安全字体 - Bodoni

链接/来源:Fonts.com / CSS Font Stack

23. 富兰克林哥特式

Web 安全字体 - franklin Gothic

链接/来源:Fonts.com / CSS Font Stack

24. 影响

Web 安全字体 - 影响

链接/来源:Fonts.com / CSS Font Stack

25. 卡利斯托 MT

网络安全字体 - Calisto

链接/来源:Fonts.com / CSS Font Stack

要检查的字体工具

在线存在许多工具,您可以使用它们来检查和测试可用于您的网站的不同字体。 如果您在选择字体时遇到问题,或者只是想探索可用的网络安全字体类型,这些网站是一个很好的工具。

字体对

Font Pair 提供了大量资源、插件、电子书、指南、视频,甚至是与排版有关的任何事物的灵感。 他们甚至有一个部分可以为您提供 Google Fonts 上最流行的字体以及哪些字体最适合彼此配对。

Wordmark.it

如果您想快速预览使用某种字体的文本外观,Wordmark.it 可让您即时预览文本在多种字体上的显示方式。 只需在他们的首页栏上键入一个单词或短语,然后按 Enter,它就会以不同的字体显示您的文本,例如 Candara 或 Lucida Console。

什么字体

WhatTheFont 是一种工具,您可以使用它来计算和识别您在网上看到的字体。 您所要做的只是上传字体的图像,WhatTheFont 将在他们的数据库中交叉搜索它,为您提供最接近的结果。 如果您仍然找不到确切的字体,您甚至可以前往他们的论坛寻求帮助。

一切都是关于字体播放

使用 WHSR 工具检查网站字体脚本
我们内部开发的工具可以检查网站正在使用的字体脚本(查看 – WHSR 工具)。

如果您像我一样,那么您很可能会在网络上花费大量时间,阅读和访问大量网站。 因此,当网站使用良好的排版来补充其网站的视觉设计时,您会很感激。

当您使用令人赏心悦目的网络安全字体时,您的用户会心存感激,并且更愿意回来使用您的更多内容。 你还在等什么? 开始使用这些字体,为您的企业打造一个很棒的网站!

阅读更多:

Leave a Comment