术语“css字体堆栈”是什么意思？该术语的含义是否发生了变化？答案

【问题标题】：What is the meaning of term "css font stack"? Has the meaning of the term changed?术语“css字体堆栈”是什么意思？该术语的含义是否发生了变化？
【发布时间】：2011-07-04 17:44:34
【问题描述】：

我使用 Dreamweaver 多年，它提供了一些将字体系列放入 CSS 中的建议。

它不是字体堆栈吗？术语“CSS Font Stack”有什么新变化

我所知道的是，如果系统中没有任何字体可用，则定义了多个字体系列以保持排版一致。

【问题讨论】：

How does the font-family property work in CSS?的可能重复

标签： css xhtml fonts dreamweaver

【解决方案1】：

你的想法是正确的。下拉菜单有“Web Safe”字体堆栈可供选择。如果您使用它们中的任何一个，您的文本应该在所有设备和所有浏览器上相当一致地呈现。

现在的趋势是使用 Google 字体或其他一些导入或加载的字体，从而控制渲染的内容。即使这样，也建议在字体堆栈中包含一种或多种替代标准字体，以防您的访问者无法加载 Google 字体或您提供的其他选择。

【讨论】：

【解决方案2】：

字体堆栈允许您定义多种字体，从而为用户提供更好的体验。

使用 CSS font-family 属性，您可以定义多种字体，如下所示：

font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;

这从左到右读取，如果用户没有Arial，那么font-family 将回退到Liberation 一直到最基本的sans-serif（如果前面提到过，请选择任何无衬线字体找不到字体）。

【讨论】：

那么当我的字体系列发生变化时，字体大小会受到影响吗？
@Jitendra Vyas：只要字体的纵横比没有太大差异。也就是说，Arial中的12px可能与Liberation Sans完全不同。（我假设是这样，因为这是 SO 字体堆栈，我认为他们会在这方面进行一些测试 :)）
@Russell Dias - 嗨，Russell 感谢您的回答。对于我们在 CSS 中为同一元素定义的字体，您知道任何方法或工具来了解字体之间的纵横比差异吗？
@Jitendra Vyas：有很多久经考验的网络安全字体堆栈，一个简单的谷歌搜索就会产生很多。如果你想定义自己的，也许对排版有很好的理解可能会有所帮助。
@Russell Dias - 我需要一组相似的字体，它们在所有条件下都应该相同，在所有情况下的字体大小，如小写、大写、Sentense 大小写和相同的行高

【解决方案3】：

您是正确的 - 您定义了多种字体，浏览器将简单地选择您系统上列表中的第一个。

【讨论】：

好的，所以基本上字体堆栈意味着定义了多个字体或字体系列的组。
是的！您可以确保（从设计角度）选择非常相似的字体 - 但如何做到这一点完全取决于您。

【解决方案4】：

没有什么新东西，这已经是几年来设置字体的标准方法了。

【讨论】：

【解决方案5】：

字体堆栈，只是一个字体列表（字体系列），如果第一个对浏览器不可用，则使用第二个等等。

您的图片显示了 6 个字体堆栈，您可以从中选择

【讨论】：