3

我已经使用http://www.fontsquirrel.com/fontface/generator工具包生成器和 css 代码正确配置了 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; }

我试图寻找答案，但找不到答案，非常感谢任何帮助。

4

2 回答 2

6

您是否尝试过将 @font-face 放在 CSS 中的任何其他内容之前。

您的 CSS 中存在错误：

.body p { font-family:handfont-webfont;}//there are no single quotes

将其更改为：

.body p { font-family:'handfont-webfont';}//with single quotes
于 2012-08-13T07:15:04.270 回答
0

尝试改变-

 font-family:'handfont-webfont'

至

font:'handfont-webfont'

在.body p

于 2012-08-13T07:17:35.880 回答