Отображение значка в форме выбора

Question

Я уже читал несколько вопросов об отображении значков в предыдущих версиях blueprintjs. Шахта касается blueprint 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 (и соответственно обновим сайт).