Chrome/Firefoxにフォントが埋め込まれていない

Question

MacのFirefoxでWebページを表示して別のPCにChromeを表示すると、埋め込まれたフォントに問題が発生しました。

私はテクニカルな友人に尋ねてきましたが、彼は自分のマシンにフォントをインストールしていないということをユーザーに伝えています。私は、Googleフォントを使用して埋め込み、Webサーバーに2番目のフォントをアップロードしたと言いましたが、フォントをインストールしていないユーザーはまだそれがないと言いました。

これは間違いありませんか？それは私が完全に私のWebページにフォントを埋め込むことについて学んだと思ったことを完全に誤解していることを意味します。

参照先のサイト（フォントを見ることはできません）はhereです。事前に

おかげ

Answer 1

あなたの友人が間違っている、しかし、あなたが正しくどちらかそれらを実装していません。 Googleのフォント用

あなたは、まずそのようなHTMLにそれを置くことによって、いずれか、フォントへのリンクを追加する必要があります

<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'> 

またはあなたのCSSにインポートすることもできます。

@import url(http://fonts.googleapis.com/css?family=Russo+One); 

あなたはそのようにようにCSSでdivのためのフォントを指定：

font-family: 'Russo One', sans-serif; 

あなたはまた、独自のCSSへの死んだリンクを持っています。

Answer 2

MyFontsキットへのリンクが壊れています。それを修正してください。現時点では、あなたが持っている：

http://www.tomrankinmusic.com/type/mercearia_antique/MyFontsWebfontsKit.css

が、それはする必要があります：PT Sansフォントは（少なくとも私のMacのFirefoxで）働いている

http://www.tomrankinmusic.com/test/type/mercearia_antique/MyFontsWebfontsKit.css

。

Answer 3

あなたがフォントPT Sansについて話しているのであれば、実際にあなたのCSSにフォントを埋め込むことは実際には見えません。あなたのようにように参照されるようにどこかにフォントや保存するパスを提供する必要があります

：

@font-face { 
    font-family: 'RieslingRegular'; 
    src: url('fonts/riesling.eot'); 
    src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype'); 
} 

は、参考のためにここを参照してください： http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/