ブロガーに自分のフォントを埋め込む方法は？

Question

ブロガーのウェブサイトにフォントを埋め込もうとしましたが、そのPCにフォントがインストールされていない別のPCでテストしたところ、機能しませんでした。

これは私のブログのアドレスです：http://kesor168.com/sub/font/

<style> 
@font-face { 
font-family: Khmer OS Dangrek; 
src: url(http://kesor168.com/sub/font/Khmer_OS_Dangrek.eot); 
src: url(http://kesor168.com/sub/font/Khmer_OS_Dangrek.ttf); 
} 
@font-face { 
font-family: Khmer OS Battambang; 
src: url(http://kesor168.com/sub/font/Khmer_OS_Battambang.eot); 
src: url(http://kesor168.com/sub/font/Khmer_OS_Battambang.ttf); 

} 
</style> 

私のCSSを修正するためにどのように任意のアイデアを：ann24h.com

私のフォントは、別のホスティングで探しているのですか？

Answer 1

正しい構文を使用するには、名前の値のペアが必要です。 font-familyプロパティは、"Example Font Name"を必要とする（単一引用符または二重引用符が大丈夫です）ないExample Font Name

現在のみ.eotと.ttfフォントファイルを持っています。 AndroidやiOSでIE9とSafariだけをサポートしています。あなたの.eotファイルのためのIEの修正があるなら、おそらくあなたはIE6 - IE8のためのサポートを得るでしょう。あなたのページ全体に適用する

@font-face { 
    font-family: 'Khmer OS Battambang'; 
    src: url('http://kesor168.com/sub/font/Khmer_OS_Battambang.eot'); 
    src: url('http://kesor168.com/sub/font/Khmer_OS_Battambang.eot?#iefix') format('embedded-opentype'), 
     url('http://kesor168.com/sub/font/Khmer_OS_Battambang.ttf') format('truetype') 
} 

：

html, body { 
    font-family: 'Khmer OS Battambang', sans-serif; 
} 

私は上記の一例を持って、あなたは簡単に例を使用して、他のフォントフェイスを作ることができます。

---

編集：あなたはそれがGoogle Chromeの 回答に働くだろう追加することになり何行尋ねた： "woff2は本当に新しい近代的なブラウザに適用されます

url('Khmer_OS_Battambang.woff2') format('woff2'), 
url('Khmer_OS_Battambang.woff') format('woff'), 

の下の2行を追加します。
「目立たない」は、一般に最新のブラウザに適用されます。

もちろん、他のフォントと同じディレクトリに.woffと.woff2というファイルが必要です。また、私が指定した例では、ファイルを指定しただけで、ディレクトリを指定する必要があります。