本文共 435 字，大约阅读时间需要 1 分钟。

最近搞一下前端，使用框架为semantic ui，于是乎去下载了zip解压引入css/js资源，结构如下：

一、本地引入资源

本地引入方式要使用图标需要两个css，引入之后发现有些图标无法正常使用（猜测可能是icon版本原因），某些图标未正常显示资源引入如下：

Js引入：

因此修改icon引入新版本后正常，资源引入如下：

版本修改可以参见，也可以直接去我后面给出的cdn地址中自己查看：

将icon版本修改为最新版，可以看到这里已经正常显示我所需要的图标了。 本地方式也可参见地址: 如果你不想动手点一点，那么可以看一看内部结构：

二、CDN方式引入

采用cdn方式引入，只需要引入一个css即可，找到如下图官网给的cdn css样式有时候生效有时候不生效(不知道是不是网络原因)

于是乎找一下sematic ui的cdn资源引入解决：

只需要支持那些图标的版本的一个即可使用那些新版本图标了，自己又不知道哪个版本出的，所以干脆直接引入最新的：

转载地址：https://dh-butterfly.blog.csdn.net/article/details/108724487 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！