글
21 Typography and Font Web Apps You Can’t Live Without
Don’t you just love typography.
Typechart
URL : Typechart
Description : Typechart lets you flip through, preview and compare web typography while retrieving the CSS.
Browse through all the typography styles and download the CSS of the
style you want to use. If like me you love type and fonts you will
spend hours browsing all the styles. Excellent tool.
CSS Type Set
URL : CSS Type Set.
Description : This marvellous tools lets you type in
your desired text, and then play about with the hundreds of possible
CSS permutations, and when you find the style you like copy and paste
the CSS into your stylesheet. Powerful yet simple.
Typetester
URL : Typetester.
Description : Typetester is an online app for
comparing different fonts for the screen, you can test up to three
fonts at a time and choose the one you like. Its primary role is to
make web designer’s life easier.
STC fontBROWSER
URL : STC fontBROWSER.
Description : The STC fontBROWSER is an online tool for browseing varoius fonts and viewing how your selected text looks with each. Handy.
Font Tester
URL : Font Tester.
Description : Font Tester is a free online font
comparison tool. It allows you to easily preview and compare different
fonts side by side with various CSS font styles applied to them.
CSSTXT
URL : CSSTXT.
Description : CSSTXT is an online generator for
creating CSS clocks of text. Choose from: letter-spacing, word-spacing,
font-size, line-height, border, font-size, font-family, align, color…
WhatTheFont
URL : WhatTheFont.
Description : Ever wanted to find a font just like the
one used by certain publications, corporations, or ad campaigns? Well
now you can. Upload a scanned image of the font and instantly find the
closest matches within there database.
Font Picker
URL : Font Picker.
Description : This simple tool shows you all the fonts
installed on your computer and helps you choose which one is most
suitable for a particular project.
Wordle - Beautiful Word Clouds
URL : Wordle - Beautiful Word Clouds.
Description : Wordle is an app for generating “word
clouds” from the text that you provide. The clouds give greater
prominence to words that appear more frequently in the source text. You
can tweak your clouds with different fonts, layouts, and color schemes.
Typotheque Hi-Res FontTester
URL : Typotheque Hi-Res FontTester.
Description : This is a useful tool from Typotheque,
it is limited to only the fonts available to buy from the site. All the
same, it is good fun playing about with it, and you can create a PDF
file from the end results.
Linotype Font Finder
URL : Linotype Font Finder.
Description : Unlike WhatTheFont, this app asks you a
series of questions related to the font you are trying to find or would
like to use. And then recommends a font for you to use. A very precise
and underated tool.
Font Burner
URL : Font Burner.
Description : Font Burner is a website enhancement
tool that makes it easy for you to add new fonts to your website.
Websites are limited to the default fonts that come with all computers,
because a user must have the fonts installed on their computer in order
to have it show up in their browser. Font Burner bypasses this
limitation with our archive of fonts that work universally in all
browsers and on all computers. By adding a simple block of code to your
webpages you can transform your headlines from boring system fonts to
any of the quality font.
sIFR
URL : sIFR.
Description : sIFR is a method similiar to the Font
Burner, it is an app to insert rich typography into web pages without
sacrificing accessibility, search engine friendliness, or markup
semantics. The method is called Scalable Inman Flash Replacement or
sIFRfor short.
Identifont
URL : Identifont .
Description : With Identifont you can find that font
you are looking for by answering a series of questions (similiar
premise to Typotheques Hi-Res FontTester), or type in the fonts name
and be given a sample of text using that particulat font.
TypeNavigator
URL : TypeNavigator.
Description : This is an interactive visual font
search tool, what this means is that you have an image in your head of
that perfect font, and the TypeNavigator helps you zero in on that
perfect font you had visualized. I think that description sounds far
too complicated. Great tool, though.
PXtoEM Conversion
URL : PXtoEM Conversion.
Description : This is not just a PX to Em convertor it
is much, much more. Click the convert button at the top of the page and
select your body font size, and then you have the conversion based on
that size (you also have the option of a custom conversion). Then click
the CSS button at the top of the page you will be presented with the
CSS code based on your conversion. I love this tool.
Em Calculator
URL : Em Calculator.
Description : Em Calculator is a small JavaScript tool
which helps making scalable and accessible CSS design. It converts size
in pixels to relative em units, which are based on a text size.
Baseline Rhythm Calculator
URL : Baseline Rhythm Calculator.
Description : Type in your base Font Size (in px) and
then type in your Base Line Height (Rhythm, in px), all the text on
that page will automatically change based on your settings. It will
also generate the CSS code for you. Just for fun type in 99999999 into
the Font- Size box and then try and find the Font-Size box, you will be
there for days.
Fontifier
URL : Fontifier.
Description : Fontifier lets you use your own
handwriting for the text you write on your computer. It turns a scanned
sample of your handwriting into a handwriting font that you can use in
your word processor or graphics program, just like regular fonts such
as Helvetica.
FontEditor BitfontMaker
URL : FontEditor BitfontMaker.
Description : BitfontMaker is an online app for
creating your own fonts. For those not familiar with font creating
software this is a great app to try your talents on first. It is very
easy to use.
Typotheque
URL : FontEditor BitfontMaker.
Description : Typotheque is not a very useful web app,
but it is cool. With your mouse click the letters on the visual
keyboard and you have a man on screen who dances that particular
letter. Honestly it is cool, it has to be seen to be believed.
As always please feel free to leave any comments.
'디자인소스' 카테고리의 다른 글
Flashloaded 3D Spiral Giveaway, Comment And Win! (0) | 2009.02.27 |
---|---|
FlashEff Component For Adobe Flash Giveaway: Comment & Win! (0) | 2009.02.27 |
50 Excellent Blog Footer Designs (0) | 2009.02.27 |
38 Free Elegant XHTML/CSS Website Templates (0) | 2009.02.27 |
RECENT COMMENT