angle4でeotフォントをsassファイルにインポートするにはどうすればよいですか？

Question

私はangular4プロジェクトを構築していますが、.eotファイルからフォントをインポートしようとしています。それはインポートされていませんが、フォントを使用することはできませんが、コンソールにエラーはありません。 eotフォントを角度プロジェクトに正しくインポートして、そのフォントでテキストのスタイルを設定する方法を教えてください。ここでは、sassファイルから抜粋しています。

@font-face 
    font-family: 'ProximaNovaCnBold' 
    src: url('/proxima_nova_bold-webfont.eot') format('eot') 

今EOTファイルはSASSファイルと同じフォルダ内にあるが、私は同様に資産にそれを置くことを試みた、とすべての運を持っていませんでした。この作業を得るための助けは本当に素晴らしいでしょう。 ありがとう！

Answer 1

これはあなたが機能を追加して使用すると、1つ、より多くを追加することができます一度変換して

@mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff2 woff ttf svg) { 
     $src: null; 

     $extmods: (
       eot: "?", 
       svg: "#" + str-replace($name, " ", "_") 
    ); 

     $formats: (
       otf: "opentype", 
       ttf: "truetype" 
    ); 

     @each $ext in $exts { 
     $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext); 
     $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext); 
     $src: append($src, url(quote($path + "." + $extmod)) format(quote($format)), comma); 
     } 

     @font-face { 
     font-family: quote($name); 
     font-style: $style; 
     font-weight: $weight; 
     src: $src; 
     } 
    } 

あなたのフォントを設定SCSS機能が

@include font-face(proximaNovaBold, 'assets/fonts/proxima_nova_bold-webfont', eot, null, null, null); 

のようにフォントを追加することですそのようなフォント