すべてのgoogleフォントのURLを含むファイル

Question

私はGoogleフォントを適用するための一連のユーティリティを構築しています - superfly-css-utilities-fonts。

私は、ユーティリティクラスは次のように構築することができるように、すべてのGoogleフォントのURL含めたい：すべてのGoogleフォントのためのすべての@import文を含むファイルをtheresの場合

@import url('https://fonts.googleapis.com/css?family=Open+Sans'); 
    @import url('https://fonts.googleapis.com/css?family=Montserrat'); 
    @import url('https://fonts.googleapis.com/css?family=Roboto'); 
    @import url('https://fonts.googleapis.com/css?family=Lato'); 

    /** All fonts fallback to the same variable - FIX **/ 
    @each $font in Open+Sans, Montserrat, Roboto, Lato { 
     .u-font-$(font) { 
      font-family: $(font) !important; 
     } 
    } 

誰もが知っているの？そうすれば、そのファイルをインポートできます。各ループで使用できるすべてのフォント名のコンマ区切りのリストが存在する場合、それは素晴らしいものになります。

この作品は、MITライセンスユーティリティーライブラリーに入っています。

Answer 1

私はあなたのためのリポジトリを作成しました。すべての別々のフォントファイルのインポートのリストを含むcssファイルがあります。

https://github.com/praisedpk/Import-All-Google-Fonts