Chromeデベロッパーツールを使用して新しいフォントを読み込む方法は？

Question

Chromeデベロッパーツールは、CSS編集に最適です。

Chrome Developer Toolsから新しいフォントを読み込む方法はありますか？サーバー上のソースコードを変更することはできません。

新しいフォントを読み込み、Chromeデベロッパーツールから試用したいと考えています。

Answer 1

Chromeデベロッパーツールでは、[ソース]に移動して、あなたのcssファイルを開きます。ファイルの先頭に@import url(...);を追加して新しいフォントをインポートしてから、そのフォントファミリを使用するようにCSSを変更します。

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

body { 
    font-family: "Open Sans", sans-serif; 
}