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 代码并将它们直接粘贴到您自己的样式表中以使用字体。
如果您仍然不确定,那么只需按照以下几个简单的步骤:
- 加载你的标题。php 文件
- 复制字体源代码/标准代码(请参阅参考资料1)
- 将代码粘贴到头文件的顶部。
- (请参阅参考资料2)
参考1
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
参考2
body {font-family:'Abel';font-size:22px;}
适用于您网站的25华丽Web安全字体
1。 宋体
2。 宋体
3。 黑体
4。 Segoe UI
5。 投石机MS
6。 坎布里亚
7。 帕拉蒂诺
8。 佩蓓
9。 格鲁吉亚
10。 索拉
11。 快递新
12。 宋体
13。 宋体
14。 远舰
15。 吉尔桑斯
16。 世纪哥特式
17。 Candara
18。 安达尔莫诺
19。 狄多
20。 铜板哥特式
21。 罗克韦尔
22。 波多尼
23。 富兰克林哥特式
24。 碰撞
25。 Calisto MT
要检查的字体工具
在线存在许多工具,可用于检查和测试可用于以下目的的不同字体 你的网页。 如果您在选择字体时遇到麻烦,或者只是想探索可用的Web安全字体类型,那么这些站点是一个很好的使用工具。
字体对
字体对 提供了大量的资源、插件、电子书、指南、视频,甚至是与任何事物有关的灵感 活版印刷. 他们甚至有一个部分可以为您提供 Google Fonts 上最流行的字体,以及哪些字体最适合相互搭配。
Wordmark.it
如果您想要使用某种字体快速预览文本的样子, Wordmark.it 让您即时预览您的文本如何同时显示在多种字体上。 只需在他们的首页栏上输入一个词或短语,按回车键,它就会显示你的文本,使用不同的字体,如 Candara 或 Luci大控制台。
WhatTheFont
WhatTheFont 是一个工具,您可以用它来识别和识别您在网上看到的字体。 您只需上传一个字体图像,WhatTheFont将在其数据库中交叉搜索它,以便为您提供最接近的结果。 如果你仍然找不到确切的字体,你甚至可以前往他们的 论坛寻求帮助.
这是关于字体播放的全部
如果你和我一样,那么你可能会花很多时间在网上,阅读和访问大量的网站。 因此,当网站使用良好的排版来补充其网站的视觉设计时,您会感激不尽。
当您使用令人赏心悦目的网络安全字体时,您的用户将会感激不尽,并且更愿意回来并消费更多内容。 你还在等什么? 开始使用这些字体和 打造一个很棒的网站 为了您的业务!
了解更多: