天气图标只是显示为正方形

Question

我正在尝试使用 Erik Flower 的精美天气图标 here，但我无法使用它。我正在使用 Flask，文件夹结构如下所示：

-static
  -css
  -fonts
  -js

我已将字体和 css 文件复制到上面各自的文件夹中。我将 link 插入到 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 bootstrap 字体在同一目录中并且似乎工作正常（我可以看到 glyphicons）。

对于这可能是一个愚蠢的错误，我深表歉意。

非常感谢，亚历克斯

Answer 1

假设您没有更改 CSS 文件中的任何内容，字体文件的路径不正确。

Bootstrap，默认情况下，希望 Glyphicons 字体文件位于 "fonts" 目录中，但天气图标的 CSS 正在寻找 "font"目录（注意缺少的 's'）。调整 CSS 或将字体复制到正确的目录。

Answer 2

您需要在操作系统中安装该字体作为可用字体...

on windows 这意味着将 "weather icons regular.ttf" 文件放入字体文件夹（您可以从控制面板轻松访问它）。

之后只需将 unicode 十六进制代码用于您要显示的内容，并告诉小部件使用您安装的字体....各种天气 api 的代码和关联在 "values" "weather-icons-master"文件夹的文件夹，在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()

显然，您可以按照您希望的方式调整字体和小部件样式...

天气图标只是显示为正方形

Weather icons just appear as squares

html

fonts

weather

flask