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

CSSで何よりも先に、@font-faceを一番上に配置しようとしましたか。

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'

in .body p

于 2012-08-13T07:17:35.880 に答える