时间戳

首页 > 解决方案 > 使用纯 css 为具有特定字体系列的所有元素设置字体大小，没有 Javascript

css - 使用纯 css 为具有特定字体系列的所有元素设置字体大小，没有 Javascript

问题描述

有没有办法将字体系列用作 CSS 选择器？

喜欢：

font-family:Arial{
   font-size: 16pt;
}

无需任何 javascript，纯 CSS 即可实现。到目前为止，我怀疑有，但你永远不知道。

用例：在使用 Openhtmltopdf 渲染 pdf 或在 Internet Explorer 中显示 html 时，具有两种不同字体系列的 latin 字符和 thai 字符的文本样式不好。Chrome 有一些魔力让它看起来不错，但我不想要那样。在我的情况下，泰语字体字符在将它们设置为 1.5em 时可以匹配拉丁字符。所以最好有一些选择器在使用该字体时将其设置为 1.5em。

标签： css

解决方案

font是所有 5 个单独字体属性的简写属性，这是您使用它们的顺序 -

  • 字体样式
  • 字体变体
  • 字体粗细
  • 字体大小/行高
  • 字体系列

例如-p {font: italic small-caps bold 12px/30px Georgia, serif;}

如果你想要一个特定的font-family和font-size所有元素，你需要将这些属性赋予selector代表所有元素的那个，那就是*你的问题的答案如下 -

* {font: 20px Arial, sans-serif;}

有关更多详细信息，您可以查看此页面

推荐阅读