Semantic-ui 图标显示为方框

引入semantic.min.css文件

<link rel="stylesheet" href="static/css/semantic.min.css">

发现字体图标都变成了方框

F12打开浏览器调试，发现 字体图标的css资源找不到！！！

是因为这个css文件里面有其他文件的相对路径，你只引入了semantic.min.css，而没有引入它所依赖的样式文件！！

解决方案

引入下载好的Semantic-UI里 dist 文件夹 下全部文件即可！

图片正常显示，OK！

顺便说一句：dist，全称是 distribution，表示发布的意思。在一些开源框架中，用来存放最终发布版本的代码！