HTMLのCSSカスタムフォント

Question

は、私は私がウェブフォントをダウンロードできるようにするサービスを発見しました。 http://senschild.com

私が実装しました：ここ

は、カスタムフォントを使用するWebサイトです

@font-face{ 

font-family: 'Daniel-Regular'; 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot'); 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') format('eot'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.woff') format('woff'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.ttf') format('truetype'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.svg#webfont') format('svg'); 

} 

が、それは私のために動作しません。フォントはまだページ上のシステムです。私もやった

：

私はまた、あなたが言ったように、この1を固定し、Maneeshが言ったように、我々は上に移動する必要がないよう、この部分'../固定。また、font-family：JakobCTTを削除してCSSを編集しました。身体から、しかしまだ動作しません。私は英語の単語だけを追加しました。

Answer 1

ここにあなたの修正があります： フォントを適用するhtml要素にスタイルを追加します。フォント全体をWebページに適用したい場合は、bodyタグの次のスタイルをhtmlまたはcssのいずれかに追加します。

font-family: 'Daniel-Regular'; 

この試してみてください：あなたが使用している?#iefixだけではなく?iefix

Answer 2

フォントファイルが壊れているように見えるがあるはず

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?#iefix') 

代わりの

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') 

を、 Failed to decode downloaded fontが示すように。 https://www.fontsquirrel.comにwebfontジェネレータを使用する前に何度もこの問題が発生しました。

編集： あなたは.OTFファイルをダウンロードし、https://www.web-font-generator.com/でwebfontを生成する場合、うまく動作しているように見えます。