gpt4 book ai didi

html - 使用@fontface,如何将不同的样式应用于不同的字体系列?

转载 作者:搜寻专家 更新时间:2023-10-31 19:27:28 25 4
gpt4 key购买 nike

我在使用某些 CSS 时遇到了问题。目前我正在使用@fontface,它工作得很好而且很漂亮。然而,在它没有实现的时候,我已经实现了其他要阅读的字体,但是我想对它们进行一些不同的样式设置。例如,如果显示 Rockwell,我希望将字体粗细设置为粗体。但如果是 Times New Roman 就不行。此外,我只喜欢“字母间距:-4px;”在显示 Times New Roman 时应用。

这可能吗?如果是这样,请协助编写一些代码。

h1{ font: 88px 'Chunkfive', Rockwell, Times New Roman, Georgia; letter-spacing: -4px; }
h1 span{ font: 88px Times New Roman, Georgia, serif; letter-spacing: -4px; }

最佳答案

你已经表达清楚了,不用担心。

我认为没有直接的解决方案,但在某些情况下您可以使用此解决方法。

  1. 嵌入字体。
  2. 检测是否成功(http://www.lalit.org/lab/javascript-css-font-detect/)
  3. 如果是/否,请添加到 <html> class="fontName"属性。
  4. 在 CSS 中添加特殊声明,例如 .fontName body { font-weight:bold; } - 做好准备这意味着很多工作。特别是粗体 - 请记住 <strong>看起来像。
  5. 祝你好运;)

由于每个解决方法都有一些问题 - 例如 JS 可用性等。也许它对您有用。

关于html - 使用@fontface,如何将不同的样式应用于不同的字体系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9239039/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com