html
  • css
  • fonts
  • 2016-06-17 9 views 0 likes 
    0

    私は同じ名前の異なるフォントを保存するフォントリポジトリのフォントを使用しています。例えば、2つの異なるフォントは次のようになります。同じ名前の外部フォントにリンクしていますか?

    <link href="//db.onlinewebfonts.com/c/edeb336ecd776e23d99355eb2b52cbc7?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 
    
    <link href="//db.onlinewebfonts.com/c/[some other random character string]?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 
    

    私のページの<head>における上記のリンクの両方を含むフォントの第二のバージョンはCSSでNeuzeitGroteskW01-Regularとして参照されます1になることを意味します。外部サーバーから、同じ名前を持つ複数のフォントを使用する方法はありますか?

    答えて

    2

    CSSルールを上書きすることはその機能の大部分を占めるため、「クリーン」な方法はありません。

    XHRを使用してJavaScriptを使用してCSSを読み込み、XHR応答のフォント名を置き換えて、CSSルールとして新しい文字列をinsertRuleとオンザフライで追加することもできます。

    再び、それはクリーンではありませんが、そのトリックを行う必要があります。 ここにいくつかの情報がありますinsertRule

    CSSStyleSheet.insertRule()

    +0

    実際、最もクリーンなアプローチのようには見えませんが、興味深い考えです。ありがとう! – Boa

    関連する問題