适用于您网站的25华丽Web安全字体

文章作者:Azreen Azmi
  • 在线业务
  • 更新:Oct 05,2020

Fonts.字体We see them every day.我们每天都看到他们。 From print ads to magazines, there's all kind of fonts out in the world.从印刷广告到杂志,世界上有各种各样的字体。

无论您是电子商务商店的老板还是新兴的博客作者,所有网站的共同点是使用文本作为内容。

在创建网站的整体美学并确保其成功时,对显示的文本(或排版设计)进行一些考虑就不足为奇了。

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

什么是网络安全字体?

Web安全字体是通常预先安装的字体样式,并且可以在大多数设备(计算机,移动电话,智能电视和平板电脑)中查看。

为什么Web安全字体很重要?

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

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

如果您使用的字体未安装在用户的计算机上,那么您的网站将恢复为通用字体,有时最终可能无法读取。

为了避免这种情况,网页设计师一直在使用 Web的核心字体 Microsoft在1996中发布的大多数网站字体的标准。 这些字体最终成为“网络安全字体”,因为无论计算机如何,字体都会安全地显示在您的网站上。

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

简短的回答:绝对。

如果您希望保持网站的设计和视觉品牌一致,那么使用网络安全字体可确保您的网站完全按照您的预期显示。

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

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

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

如果您仍然不确定,那么只需按照以下几个简单的步骤:

  1. 加载header.php文件
  2. 复制字体源代码/标准代码(请参阅参考资料1)
  3. 将代码粘贴到头文件的顶部。
  4. (请参阅参考资料2)

参考1

参考2

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

适用于您网站的25华丽Web安全字体

1。 宋体

Web安全字体-Arial

链接/来源: Fonts.com / CSS字体堆栈

2。 宋体

Web安全字体-Calibri

链接/来源: Fonts.com / CSS字体堆栈 

3。 黑体

Web安全字体-Helvetica

链接/来源: Fonts.com / CSS字体堆栈

4。 Segoe UI

Web安全字体-Segoe UI

链接/来源: Fonts.com / CSS字体堆栈

5。 投石机MS

Web安全字体-Trebuchet

链接/来源: Fonts.com / CSS字体堆栈 

6。 坎布里亚

Web安全字体-坎布里亚

链接/来源: Fonts.com / CSS字体堆栈 

7。 帕拉蒂诺

Web安全字体-Palatino

链接/来源: Fonts.com / CSS字体堆栈

8。 佩蓓

Web安全字体-Perpetua

链接/来源: Fonts.com / CSS字体堆栈

9。 格鲁吉亚

Web安全字体-乔治亚

链接/来源: Fonts.com / CSS字体堆栈 

10。 索拉

Web安全字体-Consolas

链接/来源: Fonts.com / CSS字体堆栈

11。 快递新

Web安全字体-Courier新

链接/来源: Fonts.com / CSS字体堆栈 

12。 宋体

Web安全字体-Tahoma

链接/来源: Fonts.com / CSS字体堆栈

13。 宋体

Web安全字体-Verdana

链接/来源: Fonts.com / CSS字体堆栈

14。 远舰

Web安全字体-Optima

链接/来源: Fonts.com / CSS字体堆栈

15。 吉尔桑斯

Web安全字体-Gill Sans

链接/来源: Fonts.com / CSS字体堆栈

16。 世纪哥特式

Web安全字体-世纪哥特式

链接/来源: Fonts.com / CSS字体堆栈 

17。 Candara

Web安全字体-坎德拉

链接/来源: Fonts.com / CSS字体堆栈

18。 安达尔莫诺

Web安全字体-Andale Mono

链接/来源: Fonts.com / CSS字体堆栈 

19。 狄多

Web安全字体-Didot

链接/来源: Fonts.com / CSS字体堆栈

20。 铜板哥特式

Web安全字体-Copperplate

链接/来源: Fonts.com / CSS字体堆栈 

21。 罗克韦尔

Web安全字体-罗克韦尔

链接/来源: Fonts.com / CSS字体堆栈 

22。 波多尼

Web安全字体-Bodoni

链接/来源: Fonts.com / CSS字体堆栈

23。 富兰克林哥特式

Web安全字体-富兰克林哥特式

链接/来源: Fonts.com / CSS字体堆栈 

24。 碰撞

Web安全字体-影响

链接/来源: Fonts.com / CSS字体堆栈 

25。 Calisto MT

Web安全字体-Calisto

链接/来源: Fonts.com / CSS字体堆栈

要检查的字体工具

在线存在许多工具,可用于检查和测试可用于以下目的的不同字体 你的网页。 如果您在选择字体时遇到麻烦,或者只是想探索可用的Web安全字体类型,那么这些站点是一个很好的使用工具。

字体对

字体对 提供大量的资源,插件,电子书,指南,视频,甚至是关于任何事物和所有与排版有关的灵感。 它们甚至还有一个部分,可以为您提供Google字体上最常用的字体,哪些字体最适合彼此配对。

Wordmark.it

如果您想要使用某种字体快速预览文本的样子, Wordmark.it 让您即时预览文本在多个字体上的显示方式。 只需在首页栏上输入一个单词或短语,按回车键即可显示带有不同字体的文字,如Candara或Lucida Console。

WhatTheFont

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

这是关于字体播放的全部

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

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

关于Azreen Azmi

Azreen Azmi是一位喜欢撰写内容营销和技术的作家。 从YouTube到Twitch,他试图与最新的内容创作保持联系,并找到推广品牌的最佳方式。

连接: