阅读时间:2分钟 (485个单词)
网络字体的陷阱:拥抱系统字体在网页设计中的优势
选择合适的字体是一种至关重要的决策,它会影响网站的美观、可读性和整体用户体验。虽然网络字体因其多样性和创意可能性而受到欢迎,但它们也存在一些缺点。在这篇文章中,我们将探讨使用网络字体的缺点,并展示Joomla 5的新特性,以更好地利用系统字体。
网络字体的缺点
- 性能问题:网络字体需要下载,这可能会显著降低网站的性能,尤其是在较慢的互联网连接上。
- 对外部服务器的依赖:网络字体通常托管在外部服务器上,使网站依赖于这些服务器的可用性和可靠性。
- 浏览器不一致性:在网络字体在一个浏览器上显示清晰的情况下,可能在另一个浏览器中无法以相同的方式渲染,从而导致网站视觉呈现的不一致性。
- 隐私问题:谷歌可能会利用字体请求在不同网站上跟踪用户。虽然谷歌表示他们不会使用收集到的信息进行个性化跟踪,但这种情况仍然存在,在一些欧洲国家,由于GDPR,错误地认为这使网络字体使用非法。
- 布局变化:网络字体需要时间加载,一旦字体下载并应用,可能会导致文本布局发生变化。这些变化可能会造成干扰,并经常是用户沮丧的来源,因为页面上元素的运动可能会造成困惑或导致意外操作。
拥抱系统字体的优势
系统字体已经安装在用户设备上,消除了网站访问者在网站显示之前需要下载任何内容的需求。这导致以下结果:
- 改进的性能
- 无需依赖外部服务器
- (几乎)没有浏览器不一致性
- 没有隐私问题
- 没有布局变化
系统字体与现代字体堆叠
使用系统字体的挑战在于它们在不同的操作系统上可能有不同的名称,这就是为什么我们使用一个字体堆叠,它是一个按优先级排列的字体选择列表。这为用户提供了一种回退机制,以防用户的系统没有安装首选字体。
大多数人可能只熟悉基本的衬线字体和无衬线字体堆叠,但实际上还有很多其他的字体堆叠可供选择,使用系统字体而不是网络字体不会限制您的创造力。
现代字体堆叠是针对每个现代操作系统的系统字体名称编写的字体分类。这使您的网站拥有最快的字体,无需下载,无需布局偏移,无需担心隐私问题。
新功能:Joomla 5 与 Cassiopeia 模板
现在在 Cassiopeia 中可以使用完整的现代字体堆叠,您可以为正文和标题样式选择不同的字体堆叠。
您可以在现代字体网站或您自己的网站上测试所有可用的字体堆叠。
《Joomla 社区杂志》上发表的一些文章代表了作者在特定主题上的个人观点或经验,可能与 Joomla 项目的官方立场不完全一致。
通过接受,您将访问 https://magazine.joomla.net.cn/ 外部第三方提供的服务
评论