angular - 在 html 中导入离子图标

Question

如何在简单的 HTML 页面中导入离子图标？我已经从官方网站下载了这个包，但我不知道在哪里从 HTML 导入它。

标签： angularionic-framework

Answer 1

您可以使用 CDN，在这种情况下，您所要做的就是包含样式表（字体也将通过样式表从 CDN 加载）

<link crossorigin="anonymous" media="all" rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />

<i class="ion-happy"></i>
<i class="ion-help-buoy"></i>

或者您可以将所有文件复制到本地，然后您还必须从官方 repo下载字体。在此处输入链接描述