HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – css font-face问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
大家好我在@fontsquirrel生成器的css文件中有这个代

///将代码更改为现在的样式///

@font-face {
font-family: 'AdLibRegular';
src:    url('../fonts/adlib-webfont.eot');
src:    local('☺'),url('../fonts/adlib-webfont.woff') format('woff'),url('../fonts/adlib-webfont.ttf') format('truetype'),url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg');
font-weight: normal;
font-style: normal;
}

.AdLib {
        font-weight: normal;
        font-style: normal;
        line-height:normal;
        font-family: 'AdLibRegular',sans-serif;
}

它存储在名为css的文件夹中,字体存储在名为fonts的文件夹中.

我在html页面中无法让它工作,例如我正在调用它

<h1 class="AdLib">TesTing TesTing 1 2 3</h1>

我根本无法弄清楚我做错了什么.

有任何想法吗?

先谢谢你

////我现在已将它们全部更改为url(‘../ fonts / adlib等,它仍然不起作用.我正在本地预览 – 这是吗?

解决方法

可能是路径的问题,根据css文件位于哪里的字体文件夹?

如果字体文件夹位于css文件夹中,则应使用以下路径:

src:    url('fonts/adlib-webfont.eot');

如果它在css映射旁边,则需要使用以下路径:

src:    url('../fonts/adlib-webfont.eot');

../用于返回文件夹

大佬总结

以上是大佬教程为你收集整理的html – css font-face问题全部内容,希望文章能够帮你解决html – css font-face问题所遇到的程序开发问题。

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

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