html - UiKit 字体不工作

Question

我已经开始在一个项目中使用 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 时，如何让它工作？

Answer 1

要获取图标，您需要将 Icon js 添加到您的页面中。

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

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

Answer 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。