article:
Elements Design: Minimal Apple Product Templates
article:
UI: Flat UI Blog PSD

Typography: SketchSlab Free Webfont

Advertisement

From Wikipedia: ``Font nowadays is frequently used synonymously with the term typeface, although before the advent of digital typography and desktop publishing, font referred to a single size and typeface referred to a set of otherwise identical fonts of different sizes.``

From Mediawiki: ``Many scripts for languages do not have proper fonts easily available. This may be because the operating systems does not have the fonts installed and the user does not know how to install them, or because the user is reading the wiki from a shared computer without the needed fonts installed. Because of all these reasons, providing the content in certain languages is facing issues. Web fonts solves this by embedding the fonts in wiki pages. The fonts are downloaded automatically so that the reading experience is complete and the reader doesn't see gibberish, questions marks or squares instead of letters.``

This week`s freebie is a hand drawn slab serif web font, great for headlines and use in font collages.



Implementations

css code:
@font-face {
    font-family: 'sketchslabbold';
    src: url('../fonts/sketchslab-bold-webfont.eot');
    src: url('../fonts/sketchslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sketchslab-bold-webfont.woff') format('woff'),
         url('../fonts/sketchslab-bold-webfont.ttf') format('truetype'),
         url('../fonts/sketchslab-bold-webfont.svg#sketchslabbold') format('svg');
    font-weight: normal;
    font-style: normal;
} ... font-family:'sketchslabbold',Sans-Serif;


Screenshot

Resource Typography: SketchSlab Free Webfont



Hope you’d like it and share your feedback in below comments!




Advertisement
Tags: web fonts typography lorem ipsum uppercase lowercase sign math numbers

Leave a Comment

No Comment

© Creative3x Ltd.