xfl

xl-fontload

Китайская сеть шрифтов. Разрежьте шрифт в соответствии с частотой слова и выполните ленивую загрузку через переднюю часть. Поддержка программы бэкэнд не требуется.

• Файл независимости от слов (word-cretency.csv) Демонстрационный файл Источник: Министерство образования
• Перечисляет шрифты конверсии. Места в шрифтах/ каталоге, с нетрадиционной структурой. Автоматически ищет все архивы окончания .ttf.
• Для каждого шрифта:
  • Перечислите все поддерживаемые символы
  • Среди них пятьсот символов, знаки препинания, английские буквы, цифры и т. Д. Обычно используются в качестве первого файла шрифта.
  • Далее, если оставшиеся символы появляются в таблице частоты слова, файл символов будет сформирован в соответствии с каждой сотней символов частоты слова.
  • Оставшиеся некоррелированные символы образуются в файл шрифта для каждой сотни символов.
  • Все файлы шрифтов размещены в одном и том же каталоге, а имена файлов разделены числами.
  • Выходной код слова/номер файла шрифта Таблица корреспонденции для быстрой проверки фронта.

Использование / компилятор

• Этот проект использует Nodejs. Пожалуйста, сначала установите Nodejs и NPM и используйте NPM Install для создания каталога Node_Modules. Справочные инструкции:

   curl -sL https://deb.nodesource.com/setup_8.x | sudo bash -
  npm install
  

• Организуйте шрифты, которые вы хотите преобразовать в шрифт/ каталог, с неограниченной структурой каталога. Программа автоматически сканирует все файлы шрифтов.

  • В настоящее время только TTF едят ~ холодно.

• Подготовьте файл font-fretress.csv

• Выполнить конвертер compile.sh

• Файл шрифта выводится в Acsets/ Directory.

Использование / фронт

Базовый метод использования:

 xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
    font.sync(stringToDisplay);
})

Примеры динамически загруженных шрифтов на основе мгновенного содержания:

 /* assume we have "textarea" variable to be an input box accepting user input */
xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
   textarea.addEventListener("keyup", function() {
     font.sync(textarea.value);
   });
})

Если вы не планируете делать свой собственный файл шрифта, вы можете использовать набор файлов шрифтов, которые мы подготовили через страницы GitHub. Расположение библиотеки проекта здесь. Если вы хотите его использовать, вы можете использовать этот веб-сайт: http://plotdb.github.io/xl-fontset/alpha/<font name>, например:

 xfl.load("http://plotdb.github.io/xl-fontset/alpha/瀨戶字体", function(font) { ...

Пожалуйста, измените «<font name>» на шрифт, который вы хотите использовать. Здесь можно найти список поддерживаемых в настоящее время шрифтов, в том числе Wang Hanzong 42 шрифты, каменные резьбы, станция Cool, CWText-Q, Seto Fonts и т. Д., В общей сложности 57 шрифтов.

Следует отметить, что при преобразовании шрифтов все еще есть некоторые проблемы, что может привести к отсутствующим символам в некоторых шрифтах. Кроме того, не все шрифты содержат полные китайские иероглифы, используйте их по своему усмотрению.

Параметры:

• FONTNAME - Имя, используемое в семье FONT. По умолчанию будет базовое имя URL.
• (TBD) Текст - файлы предварительной нагрузки, которые содержат текст в этой опции.

Будущее направление

• Оптимизация передачи (оптимизация)
  • Принимая во внимание корреляцию символов, пространство символов может быть создано через моти и конкретный корпус, а также группировка связанных с ними символами в качестве основы для разрезания шрифта с помощью алгоритма кластеризации (например, кластеризации K-средних), тем самым уменьшая количество файлов, которые необходимо загрузить.
  • Дополнительную оптимизацию размера файла.
  • Предоставьте модули файлов Nginx и Apache, позволяя браузерам получить необходимые файлы через один HTTP -запрос (например, https: // path/to/font/1+2+3+4)
• Проблемы качества (качество)
  • Пропущенная часть слова может использоваться для создания онлайн -обучения с использованием состязательного стиля и автоматического заполнения его.
  • Вышеупомянутая сеть состязательной генерации также может быть использована для помощи в генерации новых шрифтов.
• другой
  • Установите параметризацию, и при создании файлов шрифтов вы можете настроить настройку шрифта в соответствии с вашими потребностями путем настройки.
• Google Font реализовал аналогичные методы для загрузки китайских шрифтов. Видеть:
  • https://developers.google.com/web/fundamentals/performance/optimizing-content-efficitiency/webfont-optimization
  • Пример CSS:
    • https://fonts.googleapis.com/css?family=zhi-mang-xing&display=swap

ЛИЦЕНЗИЯ

• Файлы шрифтов: все файлы курируемых шрифтов расположены отдельно в другом репо (XL-Fontset) и являются лицензированными GPL или SIL. (ОК для коммерческого использования)
• Исходные коды выпускаются по лицензии MIT.