使用 和风天气图标使用SVG格式,因此你可以通过多种方式进行使用,包括使用图标字体、以标签嵌入网页或当作图片处理,当然你也可以下载到本地进行再创作。 对于和风天气的开发者来说,图标的文件名与天气数据中的icon或预警数据中的warning.type字段的返回值是一样的,因此你可以非常简单的将天气状况与图标进行匹配。 例如: now.icon = 301对应301.svg 或,warning.type = 1010对应1010.svg 或。关于和风天气开发服务中使用的图标代码和名称,请参考图标信息。 嵌入# 使用标签将图标嵌入到你的网站中。 使用图片# SVG格式的图标也可以被视为一张普通图片,就像平时一样在网页中使用标签插入图片。 QWeather Icons 图标字体# 和风天气图标提供了图标字体,像使用其他图标字体一样,你可以使用CDN或在本地导入字体样式。
It's raining and cold
CSS# 你可以将SVG加入到你的CSS中,请注意SVG的颜色需要用%23代替# .someClass::after { content: ""; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; } 如果你已经引用了和风天气图标字体,你还可以这样使用: .someClass::before { font-family: "qweather-icons" !important; content: "\f110"; } 自定义# SVG是一种矢量图形,因此你可以自由的编辑它的样式,或者当你完成新的设计后,可以通过和风天气图标项目将这些图标进行压缩和创建字体文件。关于更多自定义的说明,请参考自定义文档。