我已经使用正确配置了 CSS 文件http://www.fontsquirrel.com/fontface/generator http://www.fontsquirrel.com/fontface/generator套件生成器和CSS代码,将字体文件上传到正确的目录中。
第一次进入刷新后,字体在我的网站上工作得很好,即使在页面之间切换时也是如此,只是第一次进入网站时字体不会显示,直到刷新页面,这在 Firefox 和 Chrome 中都会发生。
我的 CSS 文件顶部的 css 代码:
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/bg.png) repeat; }
html { padding:0; margin:0; }
a { text-decoration:none; border: none; outline:none; }
a:hover { text-decoration:underline; }
a img {border: none; }
@font-face{ font-family: 'handfont-webfont'; src: url('text/handfont-webfont.eot'); src: url('text/handfont-webfont.eot?#iefix') format('embedded-opentype'), url('text/handfont-webfont.woff') format('woff'), url('text/handfont-webfont.ttf') format('truetype'), url('text/handfont-webfont.svg#webfont') format('svg'); }
这是我的页面中的段落所使用的字体代码:
.body p { font-family:handfont-webfont; font-size: 12px; padding:5px 5px; margin:0; }
我尝试寻找答案,但找不到答案,非常感谢任何帮助的人。
您是否尝试过将 @font-face 放在 CSS 中其他任何内容之前。
你的 CSS 有一个错误:
.body p { font-family:handfont-webfont;}//there are no single quotes
将其更改为:
.body p { font-family:'handfont-webfont';}//with single quotes
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)