0

私はオンラインで周りを見回し、次の@font-face実装を使用することにしました。

私のCSS：

@font-face {
font-family: matt;
src: url("/uploads/testing/Interstate-Regular.eot?#iefix") format('embedded-opentype')
     url("/uploads/testing/Interstate-Regular.ttf")  format('truetype');
}
h5.pleasework {
font-family: matt;
font-size:72px;
}

私のHTML：

<head>
 <link rel="stylesheet" type="text/css" media="all" href="{stylesheet='in-store-analytics/testingStyle'}" />

</head>
<h1> this is a test </h1>

<img src="/uploads/features/featured-block_inthenumbers.png" alt="Smiley face" height="420" width="420">
<img src="/uploads/testing/awesomeness.jpg" alt="Smiley face" height="420" width="420">

<div id="happiness">
    <h5 class="pleasework"> PLEASE WORK FOR ME </h5>
</div>

何らかの理由で、フォントは生成されませんが、画像は生成されます。その結果、問題はsrcパラメーター内のurlタグにあると思われます。

何か案は？助けていただければ幸いです。

前もって感謝します！

4

1 に答える 1

1

これを試して...

@font-face必ずスタイルシートの一番上に置いてください

@font-face {  
  font-family: "Interstate-Regular";  
  src: url(/uploads/testing/Interstate-Regular.eot);
  src: local("Interstate-Regular"), url(/uploads/testing/Interstate-Regular.ttf) format("truetype");
} 

h5.pleasework {
font-family: "Interstate-Regular";
font-size:72px;
}

ただし、.tffのみを使用する場合は、次のようになります。

@font-face {  
      font-family: matt;  
      src: url(/uploads/testing/Interstate-Regular.ttf) format("truetype");
    } 

h5.pleasework {
font-family: matt;
font-size:72px;
}

お役に立てれば！

編集：

このサイトは非常に役立ちます:(セクションを参照：'@ font-faceのしくみ：Easy Peasy'＆'C'mon、本当に簡単ですか？' http://randsco.com/index.php/2009/07 / 04 / p680

于 2012-11-13T19:21:22.367 に答える