article:
Typography: Handy Icons Vol2 - Free Web Font Kit
article:
Elements Design & Typography: 200 Free Glyphs

Typography: Redacted - A Font for Web and Desktop

Advertisement

Keep your wireframes free of distracting Lorem Ipsum.

This project is a (nearly) direct rip-off of BLOKK. The idea is simple and brilliant, but I wasn`t happy with the implementation and it didn`t appear to be an open source project, so I created my own. Credit where credit is due.

but ...

BLOKK has unusually large character widths, which adds much length to ``standard`` bits of dummy text, and also creates unecessarily ragged rags in my copy. Redacted solves this by using sane character widths; averaging character widths of narrow, regular, and wide characters of standard fonts. This gives a more realistic look to the text and helps it fit into narrow columns like real text would. Redacted Font also comes with script versions in two weights: bold and regular.


Implementations

CSS

@font-face {
    font-family: 'Redacted-Regular';
    src: url('../font/redacted-regular.eot');
    src: url('../font/redacted-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/redacted-regular.woff') format('woff'),
         url('../font/redacted-regular.svg#Redacted') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Redacted-Script';
    src: url('../font/redacted-script.eot');
    src: url('../font/redacted-script.eot?#iefix') format('embedded-opentype'),
         url('../font/redacted-script.woff') format('woff'),
         url('../font/redacted-script.svg#Redacted-Script') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Redacted-Script-Bold';
    src: url('../font/redacted-script-bold.eot');
    src: url('../font/redacted-script-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/redacted-script-bold.woff') format('woff'),
         url('../font/redacted-script-bold.svg#Redacted-Script-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

HTML
font-family: 'Redacted-Regular';
or
font-family: 'Redacted-Script';
or
font-family: 'Redacted-Script-Bold';


Screenshots

Redacted Regular - demo
Resource Typography: Redacted - A Font for Web and Desktop

Redacted Script - demo
Resource Typography: Redacted - A Font for Web and Desktop

Redacted Script Bold - demo
Resource Typography: Redacted - A Font for Web and Desktop


Download it for free, don`t forget to add comments, link-back or screenshot, previews if you use it.



demo redacted regular
demo redacted script
demo redacted script bold
download
source









dd

Advertisement
Tags: redacted regular script bold design layout interface fonts characters standards typography width narrow wide webfonts desktop

Leave a Comment

No Comment

© Creative3x Ltd.