Themify图标在Angular CLI 8.2.2中不显示
Themify图标在Angular CLI 8.2.2中不显示
提问于 2019-08-28 15:14:21
我已经通过npm npm install --save @icon/ Themify icons from https://www.npmjs.com/package/@icon/themify-icons安装了themify。我使用这种方法将图片插入到网站中
<img height="32" width="32" src="@icon/themify-icons/icons/arrow-up.svg"/>显示的是一张残缺的图像。当我这样使用远程CDN时
<img height="32" width="32" src="https://unpkg.com/@icon/themify-icons/icons/arrow-up.svg" />它正在毫无问题地显示。但我不想使用远程CDN。
另外，当我使用这种方法在index.html中本地或远程CDN中插入head标记中的样式表时：
<link rel="stylesheet" href="@icon/themify-icons/themify-icons.css"><link rel="stylesheet" href="https://unpkg.com/@icon/themify-icons/themify-icons.css"> 并在app.component.html中插入标记：
<i class="ti ti-arrow-up"></i>不能正常工作。显示的是方块而不是图标。
有人能帮上忙吗？
回答 1
Stack Overflow用户
发布于 2019-08-28 15:32:51
在index.html文件中导入下面的CDN。
<link rel="stylesheet" href="@icon/themify-icons/themify-icons.css">
<link rel="stylesheet" href="https://unpkg.com/@icon/themify-icons/themify-icons.css">将此链接添加到模板(Html)文件中
<i class="ti ti-arrow-up"></i>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57686822
复制相关文章
相似问题
腾讯云开发者
