scssでディレクトリからフォントをインポートすることはできますか？

Question

私は、フォントのインポートとSCSSファイルを持っているが、このように実装：

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin-ext,cyrillic); 

私はCDNを使用して、ユーザーのキャッシュに利点を与えるが、これは内部サイトであり、それはwide webにアクセスすることなく、サーバー上で使用することができることを理解しています。そして、私はユーザーのマシンもインターネットにアクセスすることを確認していない。だから、私は他のページの静的なファイルでフロントを扱いたい。

サーバーの一部のディレクトリからフォントをインポートする方法はありますか。次のようなものがあります。

@import dir(/path/to/fonts/file) 

またはSCSSにはこの機能がありません。

Answer 1

私が知っている限り、@importをSCSSで使用してフォントをインポートすることはできません。 @font-faceを使用してフォントを含めることができます。例：

@font-face { 
    font-family: 'Open Sans'; 
    src: url(path/to/file) format(Example: 'truetype' or 'opentype' depending on the file extension of your font); 
} 


// USAGE 
body { 
    font-family: 'Open Sans', sans-serif; 
} 

Answer 2

通常、CSSフラグメントまたはファイルをインポートするために使用され、フォントはインポートされません。 Ruby SASS/SCSSを使用していて、角かっこなしで試している場合は、この回避策を試してください。

@import "https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin-ext,cyrillic.css"; 

私は.cssを後ろに置きます。 Ruby SASS/SCSSで動作しますが、LibSassでは動作しません。