Weather Icons：具有 222 个天气主题图标的图标字体和 CSS的项目(图标字体天气项目主题)

白天

黑夜

中性的

月相

时间

方向箭头

其他...

将 5 个字体文件和主weather-icons.min.css文件放入您的项目中，并假设这些字体位于../CSS 目录之上。

i通过使用元素并添加基类，然后添加所需的图标类来显示图标wi，例如day-sunny。
这看起来像<i class="wi wi-day-sunny"></i>。

要添加修饰符，请在图标名称后面包含所需的类，如下所示<i class="wi wi-day-sunny wi-flip-vertical"></i>。
您可以翻转、旋转或添加固定宽度。
请访问https://erikflowers.github.io/weather-icons/查看全部内容。

该集包括流行天气服务 API 的配套 CSS 文件。
目前有 Forecast.io、Open Weather Map、世界气象组织、Weather Underground 和 Yahoo 的地图。
检查API 列表以查看类名称。

https://erikflowers.github.io/weather-icons/