ライブサーバー上で動作するGoogleフォントはローカルホストではありません

Question

私のライブウェブサイトで私のGoogleフォントは正常に表示されますが、ローカルホスト上のプロダクションでは表示方法が異なります。より多くのboxy /標準ですが、標準フォントと同じではありません。彼らはローカルホストに表示方法

：

彼らは（これは私が欲しい欲しいれる）ライブサーバーに表示方法

：

は、ここに私のCSSです：

@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush'); 

body{ 
    font-family: "Droid Sans", sans-serif; //'projects' 
} 
#title { 
    font-family: 'Caveat Brush', cursive; //'Junior Web Developer' 
} 

私はを使用していますとbrowser-syncですが、ブラウザからhtmlファイルを直接開いても同じ問題が発生します。

Answer 1

@importコードをCSSファイルの最上部に移動します。

@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Caveat+Brush');