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

我正试图使用埃里克·弗劳尔（Erik Flower）的漂亮天气图标，但我无法让它发挥作用。我正在使用Flask，文件夹结构如下所示：

-static
  -css
  -fonts
  -js

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

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

我已经将字体和css文件复制到上面各自的文件夹中。我插入指向css文件的链接，如下所示：

-static
  -css
  -fonts
  -js

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

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

它似乎工作正常，我可以在查看页面源代码时转到css文件。但当我尝试显示github页面中描述的图标时，如下所示：

-static
  -css
  -fonts
  -js

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

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

我只得到一个正方形。我假设它没有找到它期望的字体，但是twitter引导字体在同一个目录中，似乎工作正常（我可以看到图标）

我为一个愚蠢的错误道歉

非常感谢，

---

Alex

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

---

默认情况下，引导程序希望Glyphicons字体文件位于“fonts”目录中，但天气图标的CSS正在查找“font”目录（请注意缺少的“s”）。调整CSS或将字体复制到正确的目录

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

---

默认情况下，引导程序希望Glyphicons字体文件位于“fonts”目录中，但天气图标的CSS正在查找“font”目录（请注意缺少的“s”）。调整CSS或将字体复制到正确的目录

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

在windows上，这意味着将“weather icons regular.ttf”文件放入fonts文件夹（您可以从控制面板轻松访问）

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

---

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

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

在windows上，这意味着将“weather icons regular.ttf”文件放入fonts文件夹（您可以从控制面板轻松访问）

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

---

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

您的浏览器是否尝试加载字体？如果有，会发生什么？这是成功的还是你得到了404？你的浏览器是否尝试加载字体？如果有，会发生什么？它成功了还是你得到了404？这就是问题所在！非常感谢。这就是问题所在！非常感谢。谢谢，但我的问题正如蒂森所描述的那样。我只是把“字体”目录变成了“字体”。是的，我看到了。。。我在一般情况下遇到了概念上的问题，并且有点绕圈子，直到我意识到我不必为python生成unicode映射来正确解释ttf代码。。。我想这可能对某人有用。。。（可能只是像我这样的白痴）另一方面，开放天气图条目中代码日200的映射值是错误的。。。它被列为\uf010，但应该是\uf01eThanks，但我的案例中的问题如Tieson T.所述。我只是把“字体”目录变成了“字体”。是的，我看到了。。。我在一般情况下遇到了概念上的问题，并且有点绕圈子，直到我意识到我不必为python生成unicode映射来正确解释ttf代码。。。我想这可能对某人有用。。。（可能只是像我这样的白痴）另一方面，开放天气图条目中代码日200的映射值是错误的。。。它被列为\uf010，但应该是\uf01e