时间戳

首页 > 解决方案 > Dojo 2 - 如何在 Dojo 2 应用程序中使用字体图标

dojo2 - Dojo 2 - 如何在 Dojo 2 应用程序中使用字体图标

问题描述

我需要在我的应用程序中使用字体图标。谁能帮助我如何在 Dojo 2 应用程序中使用字体图标。

提前致谢

标签： dojo2

解决方案

Dojo 2（通过@dojo/cli-build-app）将包含在 CSS 中引用的字体文件。例如在 CSS 中定义如下字体：

@font-face {
    font-family: 'IconFont';
    src: url('./fonts/IconFont.eot');
    src: local('☺'), url('./fonts/IconFontwoff') format('woff'), url('./fonts/IconFont.svg') format('svg');
    font-weight: 400;
}

这将确保构建工具在应用程序的构建版本中包含实际的字体文件，然后您可以像平常一样使用它们。

如果您对使用 CDN 中的 Font Awesome 之类的东西感兴趣，这里有一个使用示例，您只需将字符串值用于classesVDOM 元素的属性。

https://codesandbox.io/s/3v0qx5lnnm

推荐阅读