Embed Size (px)
Citation preview
25 Useful Design Tools for Beautiful Web Typography
Typography when chosen wisely and carefully can help
designers to communicate effectively to their target audience.
It can also add tremendous power to the overall design.
Therefore designers are always in search of different
techniques and tools while others use CSS to control over fonts.
In spite of this we have to deal with lot of layout issues when it
comes to fonts.
Now it is considered as the most important aspect to get
people engaged on websites. Today, we will explore most
useful and time-saving tools, resources and techniques for
creating effective and responsive website design that will help
you experiment with typography .you will also learn how to
style your web content?
1. Useful typographic references
Striking Web Sites with Font Stacks that Inspire
FontsMatrix
Common fonts to all versions of Windows & Mac
equivalents
Default Mac OS X 10.4 fonts list (via Elementiks)
Default Windows fonts list (via Elementiks)
2. Typographic Tools
HTML Ipsum
It provides you with the standard Latin text already in HTML
tags.
Typechart
The tool allows you to flip through, preview and compare Web
typography while retrieving the CSS.
Fontstruct
With the help of this tool you can quickly and easily create
fonts constructed out of geometrical shapes.
CSSTYPE
It lets you preview your text as you modify it.
CSS-Typoset Matrix and code generator
The tool computes both symmetrical and asymmetricam
margin.
FontBurner
3. Free online font comparison tools.
Type Tester
STC fontBROWSER
FontTester
CSS Type Set
Flipping Typical
4. Typographic Techniques
typeface.js
P+C DTR
Advanced Typography Techniques Using CSS
5. sIFR
sIFR 2.0: Rich Accessible Typography for the Masses
sIFR lite
jQuery sIFR Plugin
Multi colorsIFR 2.0.1
sIFR Generator
6. Free and Commercial Fonts
80 Beautiful Typefaces For Professional Design
Fontsquirrel
Clean font showcase
VeerlePieters’ 10 favourite typefaces
101 Typography Resources for Web Designers
Examples of Great Web Typography that showcase creative and
functional uses of typography.
Jon Tangerine
Viget Inspire
works4sure
24ways
Alex Buga
Wilson Miner
Colour Pixel
Maxvoltar
Mark Dearman
Today’s article will help you to improve your design workflow
using attractive and unique Type face. For more on this see this
article –Beautiful Typography in Web Design.
iMediadesigns provide cost effective web design and
development solutions and offers custom web design services
in Toronto
