2017-08-31 15 views
1

今朝私のwebpageとウェブサイト全体が全く違って見えました。 私は何かに触れていませんでしたが。 Googleの製品フォーラムで、同じことについて不平を言う他の人が見つかりました。しかし、私は確かな解決策が必要です。GoogleフォントJosefinが一晩変更されました。

は、私はこれがすべてのページに使用されている

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans); 

フォントをインポートするところからCSSファイルを使用します。 今度は、Googleがこの夜のフォントを恐ろしいフォントに変えたようだ。
今私は私のサーバー上でダウンロードして使用したい別のフォントを見つけたので、この種のGoogleジョークは私にもう影響しません。

しかし、私がこれを行うことができれば、私はできません。 私の質問は:フォントを私のサーバーに保存して、それを私のCSSで使うことができますか?

+1

他のいくつかのソリューションをdiscribes Googleがフォントを提供するのと同じくらい効率的です。また、ブラウザの互換性のために、すべてのフォントファイル形式を追加する必要があります。 chromeに 'https://fonts.googleapis.com/css?family = Josefin + Sans'というファイルを開くと、' woff2'フォーマットになります。 IEで同じファイルを開くと、 'woff'フォーマットになります。 –

+0

css-tricksは常に多くの側面とさらなるリンクを持つトピックをカバーしています:https://css-tricks.com/snippets/css/using-font-face/ – Stony

+0

ありがとう、私はこれを見ていきます。 。 Googleはいくつかのバージョンを追加しました私の場合、それは正規になりましたが、私は ":300"バージョンが必要でした。まだ奇妙な彼らはそれを変更しました。 – Richard

答えて

1

私はこの

のための '速い' 解決策を見つけましたここでは「薄い」バージョンが使用されましたが、指定されていませんでした。 Googleはオプションを変更したので、必要なフォントのバージョンを指定する必要があります。私の場合、それは

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300); 

私のウェブサイトだっ再び「正常」になります:)

、Googleのブログのフォーラムは、はいすることができますが、それはないだろう

Google blog

1

確かに、あなたは自分のCSSでフォントを定義する必要があり、それが

を置かれているあなたは

@font-face { font-family: 'myfont'; 
      src: url('path/to/yourfont.ttf') format('truetype'); } 

でフォントを定義し、その後にフォールバックして(このようにそれを使用することができますデフォルトのフォント):

.classname { 
    font-family: 'myfont', Arial, Helvetica, sans-serif; 
} 
関連する問題