摆脱网页安全字体紧身衣
我和妻子最近搬到了日本名古屋,我们决定写一篇博客来记录我们的经历。我使用Joomla!搭建了一个,虽然我是一个开发者,知道最好不要尝试任何真正的设计,但我并不是完全没有品味。
我决定使用我开发的一个扩展来实施几种字体,希望能使事情变得更有趣。结果很有趣:博客从单调乏味的方盒子变成了现代亚洲风格,而我只是使用了两种“非网页安全”的字体。在这篇文章中,我将介绍什么是网页安全,有哪些替代方案,为什么我不用安全字体的决定是正确的,以及如何在Joomla中实现漂亮的字体。
什么是网页安全?
网页安全是一类被认为安装在所有计算机上的字体。当浏览器加载网站时,它通常会使用在查看网站的计算机上安装的字体来显示文本。不同的操作系统(Windows、Mac、Linux)有不同的可用字体,网页安全是它们安装字体的共同交集。一些网页安全字体的例子包括:Verdana、Arial、Times和Georgia。如果一个网站请求的字体计算机没有,它就会默认使用浏览器选择的样式,这会破坏设计。网页安全字体的概念已经使设计师被困在一小部分字体中。
替代方案
互联网作为一个如此重要的通信媒介,这种情况不可能持续下去,几年前,开始出现了一些替代网页安全字体的方案。
第一个主流替代方案是sIFR,它使用javascript和Adobe Flash的组合,在动态中用嵌入到Flash文件中的字体替换文本。sIFR是一个巨大的进步,然而它并不完美:使用这种方法,页面加载速度会变慢,并且必须在浏览器中安装Flash(某些流行的智能手机不使用它。)
在sIFR之后,出现了Cufón,它使用javascript、可伸缩矢量图形而没有使用Flash,因此具有更广泛的设备支持。Cufón比sIFR快,但有一个缺点,那就是它仍然需要javascript引擎来工作,而这个引擎的速度将决定字体显示的快慢。在运行缓慢的浏览器上,这会导致F.O.U.T.(未加样式的文本闪烁)。此外,Cufón允许使用未加密的字体,这违反了大多数商业字体的许可协议。
最近的解决方案是使用CSS @font-face规则。这本来就应该一直是这种方式,而这项技术所使用的是浏览器内置的功能。为什么一开始就不是这样呢?总的来说,流行的浏览器还没有开发出这项功能。此外,没有人想出一个统一的方法将字体面规则集成到样式表中,以便所有浏览器都能理解(每个浏览器都有自己的实现。)幸运的是,一些非常聪明的人已经跳过了这两个障碍,网络开始充满漂亮的字体。
使用漂亮字体是我的决定有风险吗?
不,所有现代浏览器都支持我使用的这项技术(@font-face),其中大多数浏览器已经支持它几个主要版本。此外,你总是可以在CSS中设置后备字体,因此没有很好的理由不通过更锐利的字体来改善你的网站设计。
非常酷。我们如何使用Joomla来实现这一点?
使用漂亮字体的一种方法是使用内置字体的模板。Shape5、JoomlArt、YooTheme、Joomla Bamboo和Rocket Theme模板通常包含可用的Google Web Fonts(一个使用@font-face规则的字体交付服务。)
实现漂亮字体的另一种方法是使用扩展。在Joomla扩展目录中,对于Joomla 2.5,有几个插件和组件可以使使用漂亮字体成为可能。我不会在这里列出它们,但许多使用Cufón、@font-face和/或字体交付服务。要查看这些,你可以浏览字体分类。
使用模板而不是扩展的优势是,你只需要安装和管理一个项目:模板。使用扩展而不是模板的优势是,你不受特定模板的约束,也不受其提供的字体实现的限制。我在模板中看到的唯一字体交付服务是Google Web Fonts,还有其他几千个字体。此外,模板通常只允许为预设计的元素设置字体面(尽管这对于不太熟悉网页设计的用户来说实际上是一个好处,他们不了解CSS。)
未来已来
我已经为许多自定义模板制作了皮肤,并让许多设计师失望,因为我告诉他们我们需要使用Web安全字体,而不是他们最初想象的。然而,随着技术的飞速发展,我们已经远远超出了以前的限制;漂亮的字体不再是风险,我们可以可靠地使用它们。在Joomla社区中,我们很幸运有模板和扩展的多种选择,可以轻松地使用它们,我鼓励你利用这一点,浏览JED的字体分类或查看你最喜欢的模板提供商提供的方案。
在Joomla社区杂志上发表的一些文章代表了作者对特定主题的个人观点或经验,可能与Joomla项目的官方立场不一致
通过接受,您将访问由 https://magazine.joomla.net.cn/ 外部的第三方提供的服务
评论