UiKit 字体不工作答案

【问题标题】：UiKit Font not workingUiKit 字体不工作
【发布时间】：2021-05-01 14:21:36
【问题描述】：

我已经开始在一个项目中使用 UiKit，将其包含为：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.4/css/uikit.min.css" />

和

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.26.4/js/uikit.min.js"></script>

但是 uikit 字体（真棒）不起作用。包含来自 cdnjs 的 uikit 时如何使其工作？

【问题讨论】：

阅读文档？检查getuikit.com/docs/icon.html
是的，我已经阅读了文档，但找不到为什么不起作用。

标签： html css twig stylesheet getuikit

【解决方案1】：

要获取图标，需要在页面中添加 Icon js。

在你的 uikir Js 之后添加下面的脚本

<script src="https://cdn.jsdelivr.net/npm/uikit@3.6.20/dist/js/uikit-icons.min.js"></script>

【讨论】：

【解决方案2】：

将您的 CDN 替换为：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/uikit.min.css" integrity="sha256-ZRu2uvT+IMWj7ooDbV50SFSrn3Zm3ewBc9s4mye4G58=" crossorigin="anonymous" />

或者这个（非缩小）：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/uikit.css" integrity="sha256-4PkxSzd/sscScRbjCwUDWp2cQX5CSKb8+TRpBbXULhM=" crossorigin="anonymous" />

如果您从事本地项目，我建议您直接使用 Uikit Src。

【讨论】：