typefaces
1.0.0
Проект шрифтов в настоящее время устарел.
@Declininglotus создал Fontsource, который обеспечивает такую же функциональность, что и шрифты, но с автоматическими выпусками и более богатой поддержкой для импорта определенных весов, стилей или языковых подмножеств.
Чтобы начать использовать FontSource, замените в своем пакете .
Затем измените импорт с EG «Импорт» шрифт-Roboto 'на «импортировать»@fontsource/roboto/latin.css' ».
Пакеты шрифтов будут продолжать работать на неопределенный срок, поэтому никаких немедленных изменений не требуется.
Пакеты NPM для шрифтов с открытым исходным кодом-облегчая самостоятельные веб-сайты.
https://www.bricolage.io/typeface-easy-way-to-self-host-fonts/
Каждый пакет шрифтов поставляется со всеми необходимыми файлами шрифтов и CSS, чтобы самостоятельно управлять шрифтом с открытым исходным кодом.
Все шрифты Google были добавлены, а также небольшой, но растущий список других шрифтов с открытым исходным кодом. Откройте проблему, если вы хотите добавить шрифт!
Не мог быть легче. Вот как вы добавите Open Sans.
npm install --save typeface-open-sans
Затем в вашем приложении или файле ввода сайта.
require ( "typeface-open-sans" )И это все! Теперь вы самодовольствоваетесь без открытия без!
Чтобы поменять шрифты Google, потребуется <5 минут.
Signface предполагает, что вы используете WebPack с настройкой загрузчиков для загрузки CSS и файлов шрифтов (вы можете использовать шрифт с другими настройками, но WebPack делает вещи действительно действительно простыми). Предполагая, что ваша конфигурация WebPack настроена правильно, вам просто нужно потребовать шрифт в файле входа для вашего проекта.
Многие инструменты, основанные с Webpack, таким как Gatsby и Create React App, уже настроены для работы с шрифтами. Gatsby по умолчанию также внедряет ваш CSS в ваш <head> для еще быстрой загрузки.
Если вы не используете WebPack или эквивалентный инструмент, который позволяет вам требовать CSS, вам необходимо вручную интегрировать файлы index.css и шрифтов из пакета в систему сборки.
Самый простой способ выяснить, поддерживается ли ваш любимый шрифт, - это поиск в NPM или в каталоге пакетов в этом репо.
Я хотел бы увидеть каждый шрифт с открытым исходным кодом на NPM! Откройте проблему, если ваш любимый шрифт отсутствует. Я программно опубликовал все шрифты от Google Fonts и планирую сделать то же самое с шрифтами, размещенными на Fontsquirrel через их API.
require('open-sans/greek.css') ?
