blueprintjs - 在选择表单中显示图标

Question

我已经阅读了几个关于在早期版本的 blueprintjs 中显示图标的问题。我的关注蓝图 2.0.0-rc.2 并认为这是一个导入问题。

我正在使用 webpack 并通过以下方式导入 blueprint v2：

在index.html：

<link href="node_modules/normalize.css/normalize.css" rel="stylesheet" />
<link href="node_modules/@blueprintjs/core/lib/css/blueprint.css" rel="stylesheet" />

在我的app.tsx：

require('../../../node_modules/@blueprintjs/core/src/blueprint.scss');
require('../../../node_modules/@blueprintjs/icons/resources/icons/icons-16.ttf');

整体 css 加载正确，但字体仍然无法访问；有人可以告诉我我做错了什么吗？干杯!

Answer 1

您缺少新blueprint-icons.css文件，该文件通过 CSS@font-face声明导入字体文件。在导入 blueprint.css 之前添加以下行：

<link href="node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css" rel="stylesheet" />

我们已经用最新的使用说明更新了文档，并将在本周晚些时候发布完整的 2.0（并相应地更新网站）。