6

私の質問は、この回答のフォローアップと見なすことができます。

私は自分のプロジェクトに Google フォントを使用していますが、ユニコードの範囲を変更したいので、影響を受けるのは数字だけです (上記のリンクされた回答を参照)。私の問題は、インクルードで動作しないことです:

@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700");

このようにフォントをインポートすると、フォント フェイスはすでに Google によって生成されています (Google はクロス ブラウザーの問題を回避するための正しいフォント フェイスのセットアップも提供しており、非常に便利です)。インポートしたフォントフェイスを次のように上書きしてみました:

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  unicode-range: U+30-39;
}

しかし、それはうまくいきませんでした。数字のみを添付するという望ましい効果を実現するには、Google のインポート URL から CSS を取得し、それを独自の CSS/SASS ドキュメントにコピーする必要があります。しかし、その後、Google Fonts API によって行われたクロス ブラウザー サービスと CDN の速度が失われます。

Google フォントのインポートを維持しながら unicode-range を変更する方法はありますか、それとも unicode-range を使用したい場合に自分でフォントをホストする必要がありますか?

4

2 に答える 2