Попытка добавить шрифты Google в проект "Реакция / Нейтрино"

Question

Пробуя Neutrino в первый раз, чтобы запустить реактивный проект. Хотите добавить в него шрифты Google; попытался передать URL-адреса Google в виде массива ссылок в config/html, но без радости. предложения?

Answer 1

Существует два способа загрузки шрифтов Google в ваш веб-проект Neutrino.

---

Вероятно, проще всего было бы установить шрифт, который вам нужен из npm, например Works Sans:

npm install --save typeface-work-sans

Который вы можете затем импортировать в свой проект с помощью:

import 'typeface-work-sans';

---

Второй метод будет включать ссылки, как вы упомянули, добавив внешнюю таблицу стилей в ваш локальный веб-интерфейс. .neutrinorc.js (с помощью react для этого примера):

// .neutrinorc.js
module.exports = {
  use: [
    ['@neutrinojs/react', {
      html: {
        links: [
          {
            href: 'https://fonts.googleapis.com/css?family=Work+Sans',
            rel: 'stylesheet'
          }
        ]
      }
    }]
  ]
};