2016-07-23 3 views
3

「Open Sans」フォントを使用します。私はGoogleのフォントディレクトリからパックをダウンロードしました。それはttf形式のファイルしか持っていません。私はすべてのファイル形式(EOT、SVG、WOFF)がすべてのブラウザをサポートするようにしたい。これを行う方法。Googleフォントの.ttfファイルを他のファイルに変換してすべてのブラウザをサポートするには

答えて

0

Googleは他のフォーマットを提供していませんが、あなたがする必要があるでもないしそれらをあなた自身で変換してください。 X-Browser-CSSを含むすべてのフォント形式をダウンロードできます。http://localfont.com/

@font-face { 
    font-family: 'Open Sans'; 
    font-weight: 400; 
    font-style: normal; 
    src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot'); 
    src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#iefix') format('embedded-opentype'), 
     local('Open Sans'), 
     local('Open-Sans-regular'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'), 
     url('http://fonts.gstatic.com/l/font?kit=cJZKeOuBrn4kERxqtaUH3Zbd9NUM7myrQQz30yPaGQ4&skey=62c1cbfccc78b4b2&v=v13#OpenSans') format('svg'); 
} 
0

Microsoft Web Embedding Fonts Tool (WEFT)を使用できます。 EOTオブジェクトの作成に役立ちます。

Open Sansについては、Google FontsのWebサイトに戻って、Webサイトに埋め込むためのリンクを取得することができます。

  1. 古いGoogleフォントのウェブサイト(google.com/font)で、フォントを見つけて「クイック使用」ボタンを押します。 「あなたのウェブサイトにこのコードを追加する」セクションがあります。
  2. 新しいGoogleフォントのWebサイト(fonts.google.com)で、検索ボックスにフォントの名前を入力し、Enterキーを押します。リスト内のフォントを探し、その上にマウスを置いてください。必要なスタイルを選択します。 (通常、太字など)フォントサンプルの右上にあるプラス記号のリンクをクリックします。他のスタイルにもこの手順を繰り返します。画面の下部に表示されるポップアップをクリックします。

それは私にこのコードを与えた:

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic' rel='stylesheet' type='text/css'> 
+0

すべてのフォーマットのローカルコピーが必要な場合は、 –

+0

ブラウザウィンドウで[私があなたに与えたリンク](https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic)を開くだけです。そこにダウンロードURLがあります。いくつかのコピーと貼り付けが必要ですが、それは何も難しいことではありません。 –

関連する問題