如何定义与字体大小CSS相对应的替代字体族名称

Question

如何定义与字体大小CSS相对应的替代字体族名称

4

我在CSS中声明字体族：

body { 
    font-family: "Segoe UI", "Verdana";
}

我们都知道这意味着如果浏览器不支持第一个字体，它会尝试下一个字体。

现在我希望如果浏览器应用第一种字体，它将应用字体大小为12px；如果浏览器应用第二种字体，它将应用字体大小为10px，依此类推...

我想知道是否可以像这样声明：

body { 
    font-family: "Segoe UI", "Verdana";
    font-size: 12pt, 10pt;
}

- KevinBui

3

重复问题：https://dev59.com/0XA65IYBdhLWcg3w7TWZ在不同的字体系列上设置不同的字号，可以使用CSS中的“font-family”和“font-size”属性组合来实现。在选择字体系列时，确保在所有操作系统和浏览器中都存在这些字体。示例代码：

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 36px;
}

p {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
}

在此示例中，“h1”元素使用Georgia或Times New Roman字体系列，并设置字号为36像素。“p”元素使用Verdana、Geneva、Tahoma或sans-serif字体系列，并设置字号为14像素。 - OverZealous

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- pizza247 · Accepted Answer

你应该能够使用font-size-adjust。