Шрифт для прототипов

Не все люди знают предназначение "рыбы" (замещающего текста 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-Regular.png

Redacted Script Bold

Redacted Script Bold.png

Пример страницы с использованием шрифта Redacted.

Альтернатива альтернативе

Альтернатива

.placeholder__word {
    color: #eee;
    background: #eee;
    border-radius: 3px;
    letter-spacing: .2em;
    font-size: .7em;
}

Похожие записи

UI Tiles

Система для быстрого построения визуальных блок-схем и карт сайтов