Adobe Blank: Шрифт для разработчиков

в 9:07, , рубрики: css, dom, Webfont, Веб-разработка, типографика, шрифты, метки: , , , ,

Похоже на первоапрельскую шутку, но Adobe Type Team выпустила специальный шрифт Adobe Blank OpenType Font, покрывающий всю unicode таблицу пустыми глифами (более 65,000). Шрифт рендерится с использованием non-spacing и non-marking глифов и весит 80kB.

Adobe Blank: Шрифт для разработчиков

Основой для разработки шрифта послужили две задачи:

Первая:

  • Используя данный шрифт как временную «линейку», на уровне системы или приложения можно запретить подменять желаемый шрифт до полного его рендеринга системным;
  • Исходя из предыдущей реализации, используя Adobe Blank можно определить когда Webfont действительно загружен, что по своему роду является хаком ограничений в CSS.

Вторая:

  • Включение Adobe Blank как data URI в CSS файле.
  • Декларация font-family: SomeWebFont, “Adobe Blank”; для некоторых DOM элементов, которые содержат текст и не должны иметь нулевую ширину. Например который позиционирован абсолютно, за пределами экрана.
    Проверить ширину DOM элемента: если он равен 0 — SomeWebFont еще не загружен, если больше — загружен.
  • Сейчас шрифт расположен на Sourceforge. в ближайшем времени будет открыто зеркало на GitHub.

Автор: LeeMiller

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js