Question

我目前正在尝试集成weather icons。但是，如果我嵌入所有内容并将其插入到HTML中，则不会显示任何图标。以下是我的文件夹结构和index.html。

我的文件夹结构如下：

css
- weather-icons-wind.min.css
字体
- weathericons-regular-webfont.eot
- weathericons-regular-webfont.svg
- weathericons-regular-webfont.ttf
- weathericons-regular-webfont.woff
- weathericons-regular-webfont.woff2
index.html

index.html：

<!DOCTYPE html>
<html lang="de">
<head>
    <title>weather</title>
    <link rel="stylesheet" href="css/weather-icons-wind.min.css">
</head>
<body>
    <h1>testgt</h1>
    <i class="wi wi-day-sunny"></i>
</body>

Answer 1

您需要包括weather-icons.css文件而不是weather-icons-wind.css

看到这里，就可以了。

<!DOCTYPE html>
<html lang="de">
<head>
    <title>weather</title>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.css">
</head>
<body>
    <h1>testgt</h1>
    <i class="wi wi-day-sunny"></i>
</body>

如何显示天气图标

1 个答案: