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

概述我遇到一些CSS问题. 目前我正在使用@fontface工作正常和花花公子. 然而,对于它没有实现的时间,我已经实现了其他字体,但是我想要将它们的样式设置得有点不同. 例如,如果显示Rockwell,我希望将font-weight设置为粗体.但不是如果它是Times New Roman. 此外,我只喜欢“字母间距:-4px;”如果正在显示Times New Roman,则申请. 这甚至可能吗?如果 我遇到一些CSS问题.
目前我正在使用@Fontface工作正常和花花公子.
然而,对于它没有实现的时间,我已经实现了其他字体,但是我想要将它们的样式设置得有点不同.
例如,如果显示Rockwell,我希望将Font-weight设置为粗体.但不是如果它是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; }
解决方法 你已经表达了清楚,不要担心.

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

>嵌入字体.
>检测您是否成功(http://www.lalit.org/lab/JavaScript-css-Font-detect/)
>如果是/否添加到< HTML> class =“Fontname”属性.
>在CSS中添加特殊声明,如.Fontname body {Font-weight:bold;准备好它意味着很多工作.特别是粗体 – 请记住< strong>会是这样的.
>祝你好运;)

每个解决方法都有一些问题 – 比如Js可用性等等.也许它会对你有用.

总结

以上是内存溢出为你收集整理的html – 使用@fontface,如何将不同的样式应用于不同的字体系列?全部内容,希望文章能够帮你解决html – 使用@fontface,如何将不同的样式应用于不同的字体系列?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1054159.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存