Question

我想使用Erik Flower的優秀天氣圖標here，但我無法讓它工作。我使用的瓶和文件夾結構如下所示：

-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文件改變什麼，路徑到字體文件（S）不正確。默認情況下，Bootstrap預期Glyphicons字體文件位於「字體s」目錄中，但天氣圖標的CSS正在查找「字體」目錄（注意缺少的字體）。調整CSS或將字體複製到正確的目錄。

Answer 2

您需要在您的操作系統可用的字體安裝字體...在Windows

這意味着把「天氣圖標regular.ttf」文件到字體文件夾（你可以很容易地得到它從控制面板）。

之後，只需使用unicode十六進制代碼來顯示您想要顯示的內容，然後告訴小部件使用您安裝的字體....各種天氣apis的代碼和關聯在「值」文件夾中「天氣圖標主」文件夾中，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() 

很明顯，你可以調整你的字體和窗口小部件造型，你希望它看起來的方式......