0

今@font-face、私は自分のウェブサイトで仕事をするために必死に努力しています。これは私が今使っているコードです。

@font-face {  
font-family: romeral;  
src: url(fonts/romeral.otf ) format("opentype");  
}

その後....

h1 {
font-size:2.5em;
font-family:romeral;
}

私はフォントRomeralを使用しています。これへのリンクは次のとおりです：http ：//www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/

どういうわけかそれはうまくいきません。ページ上のフォントはレンダリングされません。Ripeのような他のフォントを使ってみましたが、うまくいきました。スペルミスがないことを確認しました。私が疑問に思っているのは、一部のフォントが@font-faceでフォントを使用できないようにするために使用する制限があるかどうかです。または、コードに明らかな間違いを犯した可能性があります。

前もって感謝します。

4

4 に答える 4

2

これは機能するはずです（に名前を入力してください""）

@font-face {  
font-family: "romeral";  
src: url("fonts/romeral.otf") format("opentype");  
}
于 2010-03-21T22:57:58.220 に答える
0

お使いのブラウザはOpenTypeをサポートしていますか、IEを使用していませんか？その場合、WEPTフォントが必要です。

于 2010-03-22T00:18:37.723 に答える
0

OpenType形式だけに依存するのではなく、他のブラウザ用に他のフォント形式を生成する必要がある場合もあります。ここでの良いチュートリアル：@font-faceを使用したカスタムフォント

于 2011-09-25T15:39:16.370 に答える
0

私はこれに関する解決策を持っています。最初に行う必要があるのは、フォントを.EOTと.WOFFに変換することだけです。次に、カスタムフォントを使用できます。参照用の作業投稿を次に示します。

http://blog.totusinfo.com/css-html-custom-fonts-on-web-page/

于 2012-08-02T07:22:17.233 に答える