Шрифт для прототипов
Не все люди знают предназначение "рыбы" (замещающего текста Lorem Ipsum), а от повсеместного использования lorem появляется неприязнь. Альтернативой замещающему тексту является шрифт Redacted Font, призванный снять смысловую нагрузку с текста и сконцентрировать внимание на дизайне сайта. Он заменяет все словами блоками. Доступен во всех веб-форматах шрифтов:
- eot
- woff
- woff2
- otf
- svg
Представлено несколько начертаний Redacted Font:
- Regular
- Script
- Bold
- Light Script
Использование
@font-face {
font-family: "Redacted";
src: url("redacted-font/fonts/web/redacted-regular.eot");
src: url("redacted-font/fonts/web/redacted-regular.woff2") format("woff2"),
url("redacted-font/fonts/web/redacted-regular.woff") format("woff"),
url("redacted-font/fonts/web/redacted-regular.otf") format("opentype"),
url("redacted-font/fonts/web/redacted-regular.svg#filename") format("svg");
}
.prototype {
font-family: "Redacted";
color: #999;
}
.prototype-script {
font-family: "Redacted Script";
color: #999;
}
Внешний вид и демонстрация
Redacted Regular
Redacted Script Bold
Пример страницы с использованием шрифта Redacted.
Альтернатива альтернативе
Альтернатива
.placeholder__word {
color: #eee;
background: #eee;
border-radius: 3px;
letter-spacing: .2em;
font-size: .7em;
}