天気アイコンは四角形で表示されます

Question

私はErik Flowerの優れた天気アイコンhereを使用しようとしていますが、動作させることができません。 Flaskを使用していて、フォルダ構造は次のようになります。

-static 
    -css 
    -fonts 
    -js 

フォントとCSSファイルを上記のそれぞれのフォルダにコピーしました。私は、ページのソースを表示したとき、私はCSSファイルに行くことができ、

<link href="{{ url_for('.static', filename='css/weather-icons.min.css') }}" rel="stylesheet" media="screen"> 

そして、正常に動作するように見える：私はこのようなCSSファイルへのリンクを挿入します。しかし、私はこのようなgithubのページに記載されているようにアイコンを表示しようとすると：

<i class="wi wi-day-sunny"></i> 

私はちょうど正方形を取得します。私はそれが期待しているフォントを見つけられないと仮定しますが、twitterのブートストラップフォントは同じディレクトリにあり、うまくいくように見えます（グリフィンアイコンが見えます）。

私は愚かな誤りであるかもしれないことをお詫び申し上げます。

どうもありがとう、 アレックス

Answer 1

あなたはCSSファイルには何も変更していないと仮定すると、フォントファイル（複数可）へのパスが正しくありません。

ブートストラップは、デフォルトでGlyphiconsフォントファイルが "font s"ディレクトリにあると想定していますが、天気アイコンのCSSは "フォント"ディレクトリを探しています。 CSSを調整するか、フォントを正しいディレクトリにコピーしてください。これは置く意味窓に

あなたが使用可能なフォントとして、オペレーティングシステムにフォントをインストールする必要が

Answer 2

...あなたは簡単に取得することができます（フォントフォルダにファイル「天気アイコンはregular.ttf」コントロールパネルから）。

その後、表示したいものにユニコードの16進コードを使用し、インストールしたフォントを使用するようウィジェットに指示します。さまざまな天気予報のコードと関連付けは、 「天気・アイコン・マスター」フォルダ、weathericons.xml

下のpython 3.6

from tkinter.font import font 
... 
weather = Font(family="weather icons regular") 
fontsize = 20 
... 
example = Button(master, text="\uf01e,\uf01e,\u...", command=some_def) 
example.configure(font=(weather, fontsize), fg="white", bg="black") 
example.pack() 

ため、明らかにあなたは...あなたはそれを見てみたい道をスタイリング

をあなたのフォントやウィジェットを調整することができます