通过 CDN 使用 Weather Underground API 和 Weather-Icons答案

【问题标题】：Using Weather Underground API with Weather-Icons over CDN通过 CDN 使用 Weather Underground API 和 Weather-Icons
【发布时间】：2017-02-24 08:14:24
【问题描述】：

您好，我正在尝试通过 API 映射将 https://erikflowers.github.io/weather-icons/ 与地下天气 api 一起使用，详见此处 http://erikflowers.github.io/weather-icons/api-list.html，但它无法通过 cdn 提取适当的图标，而我在这里获得了 https://cdnjs.com/libraries/weather-icons/2.0.10 不幸的是我必须这样做在 codepen.io 上使用 CDN 有人有使用 WU api 映射和天气图标 CDN 的经验吗？

为了简化，如果我想正确调用这个 api 映射，我会这样做：

<i class="wi-wu-snow snow"></i>

正确吗？

【问题讨论】：

你能把你的笔照原样张贴吗？
codepen.io/inkuplex/pen/QKaaWQ?editors=1111 作为记录，如果我在没有 api 映射的情况下执行此操作，例如
为什么必须将chancerain 映射到wi-wu-chancerain rain？为什么不将它映射到您知道在 CDN 的 css 中的 css 类？ wi-rain 之类的东西？
前。 codepen.io/cam5/pen/QKBBBo?editors=1111
我认为这是erikflowers.github.io/weather-icons/api-list.html的页面内容

标签： css cdn weather-api

【解决方案1】：

看看这个link。您可以包含这些 cdn 链接文件，尤其是 weather-icons.min.css 文件，如下所示：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css">

所以以后用 erikflowers 天气图标是这样的：

<i class="wi wi-night-sleet"></i>

希望它可以在您的 codepen 中使用。

【讨论】：