布尔玛和离子

【问题标题】：Bulma and Ionicons布尔玛和离子
【发布时间】：2025-11-23 03:30:01
【问题描述】：

我正在使用 Svelte、Bulma 和（尝试使用）Ionicons。图标不呈现。我认为这是由于我错误地放置了 ionicons 加载脚本。

我的 HTML 如下：

<i class="ion-ionic add-circle-outline"></i>

Ionicons 脚本如下：

<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>

我不确定上述脚本的去向。我在 App.svelte 页面的底部尝试过，但没有运气。我也试过用标签把它括起来。

谢谢！

【问题讨论】：

【解决方案1】：

不知道你的代码哪里来的，官方文档说有具体的用法。

<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
<ion-icon name="add-circle-outline"></ion-icon>

【讨论】：

使用 svelte-component 您必须在 <script src> 周围添加 <svelte:head> 标签，就像这样 <svelte:head> <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script> </svelte:head> <ion-icon name="add-circle-outline"></ion-icon>
@zmag 是的，bulma 的代码与 Ionic 中的 std 用法有点不同，因此是 标签。
@grohjy - 我将脚本标签放在中，但没有运气。 Ionicons 文档说 src 标签需要位于 body 标签的底部。也许这就是问题所在？
字体真棒工作正常。另外，如果我不使用 bulma 生活也很好。带有布尔玛和离子离子的东西。