时间:2020-02-14
编辑:网站制作公司
587
0
近年来,人们开始尝试将网页字体嵌入其页面的众多系统。当设计人员真正希望完全控制其排版时,这非常有用。但是,这种方法有一些缺点。最值得注意的是,使用某些类型的浏览器的人将根本无法加载嵌入式字体。
不过,首先,它有助于总体上了解排版。网络字体有几种不同的风格。大多数人在使用台式机时至少看到过衬线和无衬线这两个术语。衬线是指字母形状边缘的小标记,有助于在打印的页面上引导眼睛。
总是被告知设计师,这些微小的标志有助于加快阅读过程,但这引起了很大的争议。芜湖手机网站开发:衬线是从铭文演变而来的,它们确实可以帮助那些阅读印刷文字的人。但是,以大多数Web字体显示的分辨率,它们经常变得模糊。
由于Sans Serif Web字体缺少此类标记,因此通常被认为是高级字体。具有讽刺意味的是,无数PC和Apple Macintosh浏览器默认选择了典型的Serif字体Times New Roman。等效项在Linux用户中很流行,但它们通常也不是最佳选择。
尽管有些人对字体感知背后的心理学感兴趣,但查看对Internet设计有用的实际示例可能会更有用。在传统的非嵌入式Internet设计中,HTML作者指定字体,然后浏览器尝试加载它。如果客户端计算机缺少已安装的字体,它将找到替代字体。
过去,人们很少安装字体文件。结果,Microsoft尝试在1996年为Web项目分发他们所谓的Core字体。这些字体是可以自由分发的一组字体,希望每个人都可以使用相同的字体,从而使设计人员不必担心用户是否会安装特定的计算机。
不幸的是,由于版权问题,Microsoft必须停止按原样分发网络字体。但是,根据调查数据,这些字体和其他一些字体对于Web仍然相对安全。因此,设计人员应弄清楚如何使用每个人。
几乎所有设计师都熟悉Arial和Arial Black。如果正确使用它们,它们看上去相对现代,但总体而言已被过度使用。就此而言,时代新罗马书可能是有史以来使用最多的字体。尽管Courier和Courier New通常为xhtml保留,但它们可能会拥有最广泛的安装基础。
现在,指定任何这些都没有错,但是一些最常见的网络字体有一些特殊的
格鲁吉亚是从头开始设计的衬线字体,可以在屏幕上阅读,因此可以避免与屏幕上的衬线相关的问题。在相同的点大小处,它比Times大,并且x高度很大。衬线钝且清晰。结果,没有真正的借口避免指定它。
那些使用过时的HTML版本的人可能会发现直接定义Web字体一样容易。这可能很简单:
<font face="georgia" color="blue">I'm looking spiffy in a brand new suit, tie and typeface!</font>
不过,使用这种方法的设计师越来越少。因此,在HTML 4.01中已弃用该功能,并且在HTML 5推出时终止了对它的支持。CSS字体堆栈可以更好地工作。
如果您指定的网络字体不可用,则可以使用一堆Web字体强制浏览器选择列表中的下一种字体。芜湖手机网站开发:这样就可以确定您不确定访问站点的客户端是否可以访问的字体,这会减轻您的负担。
例如,您可能会担心您的读者无法访问佐治亚州。您可以指定:
font-family: Georgia, "Times New Roman", Times, serif;
话虽这么说,关于格鲁吉亚,您可能几乎不用担心。甚至越来越多的移动设备都带有字体。但是,您不应回避稀有的字体。无需将它们嵌入网页并为该过程付费,您只需在堆栈的前面指定一种稀有但引人注目的字体即可。
如果用户的计算机没有该计算机,则CSS解释器会自动选择下一个最佳选择。如果生成足够长的堆栈,则最终应该可以找到可口的东西,并且可以更好地控制文本在查看器中的显示方式。Palatino和Book Antiqua尤其好,即使它们并非在设计时就考虑了屏幕。
较少的用户可以使用这些字体,因此指定其他字体是有意义的。格鲁吉亚是一个很好的跟进者,如果需要,您可以指定Times。但是,如果您使用serif标记,您甚至不必担心,因为在许多系统上已经将其指定为默认衬线。切记在名称中带有空格的字体周围加上引号,否则可能会发生奇怪的错误。
font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times, serif;
Helvetica是一种非常流行的字体,有人可能会说它被过度使用了。尽管如此,专业的字体设计师已经对此产生了一定的品味。它已广泛安装在Macintosh计算机和Apple手持设备上。但是,很少有PC拥有它,并且许多设计师都使用Arial作为替代。
有一些技巧可以帮助那些确实希望Helvetica外观出现在各种机器上的人。MS Sans Serif是一种位图字体,可在许多Windows计算机上显示。作为一种位图字体,它的字母形式看上去相对难看。另一方面,它保留了Helvetica的许多特性,因为它或多或少是它的一个版本。
Microsoft Sans Serif是一种现代变体,与MS Sans Serif进行矢量化和度量兼容,但与Helvetica略有不同。尽管如此,它甚至已经安装在某些Apple设备上,所以它是一个不错的选择。在旧版本的Windows MS中,Sans Serif被称为Helv。芜湖手机网站开发:由于具有注册表功能,因此仍经常可以使用该名称。
如果指定了字体名称Helv,则PC上的浏览器将选择操作系统指定用作Helv的任何字体。将其放入字体堆栈中是值得一试的,因为无论使用哪种字体,它都与Helvetica足够接近,可以避免过多地重排文本并放弃设计。您可能想尝试类似的方法:
font-family: Helvetica, "Microsoft Sans Serif", "MS Sans Serif", Helv, Arial, sans-serif;
OS / 2和eComStation计算机还使用名称Helv。这个字体命名技巧也可以通过其他方式工作。Windows系统为逻辑字体指定了一些其他名称。这些字体不存在,而仅以名称存在。操作系统只选择用户在其末端指定的默认值。如果设计人员确实想要某种与用户在Windows PC上具有的Shell系统字体匹配的字体,则可以尝试指定MS Shell Dlg作为字体名称。您甚至可以通过其他方式使用此系统,但是过多的实验可能会带来不可预测的结果。
不过,佐治亚州并不是唯一值得兴奋的字体。Verdana非常普遍,很少有人停下来真正欣赏它。尽管如此,它还是有很多值得喜欢的地方。制作佐治亚州的那位绅士设计了它,并且从计算机屏幕上读取时,它的设计也清晰易读。
Verdana有时被称为人道主义无衬线字体。它具有与衬线字体类似的特征,例如不同的字母宽度。这样一来,在不牺牲设计用于打印文本的字体的简单高雅的情况下,易于阅读。
尽管有些人认为Verdana在印刷方面效果不佳,但与计算机接口一起使用时,它的确很棒。它安装在各种各样的设备上。一些机器,尤其是Windows台式机和笔记本电脑,还有一个名为Tahoma的附加压缩版。由于这种字体没有安装的那么大,因此设计人员可能希望在网络字体堆栈中指定其他一些替代字体。Verdana是自然的选择:
font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
醒着的用户可能会注意到该列表中包含Web字体 Trebuchet MS。那是微软专门为屏幕阅读而设计的字体中的另一种,并且是另一种人文主义的无衬线字体。因此,它适用于各种各样的事物,并且看起来比Verdana可能更正式。当然,无论如何,设计者都应该随意指定它。
如果您对使用Web字体进行设计很认真,那么您将需要注意度量标准。度量标准实质上是单个字母形式的大小。一些字体与其他字体在度量上兼容。这意味着在任何一种字体中以相同的点值进行排版的文本工作表将在页面上占用相同的空间。
如果字体在度量上不兼容,则两个不同的页面将具有不同的长度。在文字处理文档中更改字体时,您可能已经看到了。它可能会对用户查看网页的方式产生严重影响。假设您设计了一个页面并在其中放置了图像,视频或其他任何内容。如果页面由于缺少指定的字体而不得不在其他用户的计算机上进行重排,则可能最终会重新定位这些图像和视频。这可能会成为问题,因为它可能会放弃布局。
现在,许多设计人员将仔细检查并指定布局命令,以确保所有内容都停留在良好的网格中,但是,如果您要设计相对简单的内容,则实际上并不需要这样做。有一种简单的方法可以检查网页在任何情况下的外观如何。只需修改堆栈并刷新页面,即可每次都更改字体。
如果确实需要,还可以进入用于测试页面的浏览器选项。进入字体选项并设置要在其中查看页面的字体。然后取消选择允许站点选择其自己的Web字体的选项。尽管不同的浏览器之间的过程略有不同,但要弄清楚如何进行设置应该不会太困难。
在开放字体许可下发行的Liberation字体是一种独特的情况,您可能需要尝试指定它们。它们是公制常用字体的免费公制兼容替代品。因此,它们通常随Linux发行版一起发行。Liberation Serif与Times New Roman在度量上兼容,而Sans Liberation Sans与Arial兼容。
有几种方法可以确保大多数用户都能正确看到文本,无论他们的计算机如何设置。在某些情况下,使用图像代替文本可能是合适的。当然,可以将文本设置为图像文件。这就是制作海报和信息图形的方式。
一些设计师会将这些权利放在他们的网站上,以确保用户得到他们想要的。同样,有些人可能最终会使用视频或类似内容。当用户只需要查看某些Web字体中的内容时,JavaScript,Flash和VML嵌入式渲染引擎也是另一种选择。从技术上讲,如今大多数人所说的VML技术实际上是SVG。正确的VML xhtml在某些较旧的浏览器中已弃用。幸运的是,有一个工具可以帮助您迁移。
最好的选择是实际使用文本h
3
s后返回登录3
s后返回登录