Любопытный CSS: "семейство шрифтов: восстановление-n8;"


Нашел несколько любопытных CSS в источнике для http://contrastrebellion.com/:

font-family: restore-n8, restore-1, restore-2, sans-serif;

Restore-n8 и тому подобное, похоже, не являются названиями шрифтов. Что делает этот фрагмент CSS?

 2
Author: M. Dudley, 2011-07-26

2 answers

Это Восстановление , обслуживаемое набором типов.

Эти шрифты были включены с использованием CSS3 @font-face. Сами шрифты были включены в стили с использованием кодировки base-64, и на них можно ссылаться, как на любое другое семейство шрифтов в CSS, после определения.

Вот краткий пример CSS, который определяет один из этих шрифтов:

@font-face {
font-family:"restore-1";
src:url(data:font/opentype;base64,d09GRk--snip--gAA);
font-style:normal;
font-weight:300;
}
 5
Author: Su', 2011-07-26 20:50:27

Попытался выполнить поиск по нему, но, похоже, вы можете использовать семейство шрифтов только для семейств шрифтов. Поэтому я буду считать, что restore-n8 на самом деле является шрифтом (вероятно, тем, который они сделали сами). Я полагаю, также возможно, что они использовали какой-то инструмент для создания css, но он каким-то образом вышел из строя и выплюнул эту строку. не знаю, что еще это может быть.

 1
Author: xyious, 2011-07-26 17:20:43