以选择的形式显示图标

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（并相应地更新网站）。