CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 如何修复@fontface与默认字体大小 – 如果@fontface不加载布局中断大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果一个网站使用@fontface加载2个自定义字体,并且还使用ariel或sans-serif字体作为默认/备份字体,但两个字体的大小有很大的不同 – 如何解决如果@fontface发生的布局问题字体不加载?

问题是@fontface字体占用的空间比默认的ariel字体少.所以如果标题的大小为45px,而@fontface的字体在div中完美载入.但是,如果@fontface字体没有及时加载,则默认字体加载(以45px为单位),而Ariel正在占用div的更多空间,导致标题分解成2行,从而破坏布局.

那么我们如何控制BOTH @fontface样式和默认样式.理想情况下,我希望将h2 @fontface样式保持在45px,并强制将默认字体加载到相同h2样式的30像素.

解决方法

我建议使用Google Web Font Loader,它为body元素添加额外的类,表示字体是否已经开始加载,加载完成,无法加载.使用这些主体类可以适当地调整字体样式.例如,如果@ font-face加载失败,您可以将字体系列设置为较小的后备字体.

大佬总结

以上是大佬教程为你收集整理的css – 如何修复@fontface与默认字体大小 – 如果@fontface不加载布局中断全部内容,希望文章能够帮你解决css – 如何修复@fontface与默认字体大小 – 如果@fontface不加载布局中断所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。