Home

Design News:

Typechart CSS Typography

A CSS typography site that lets you preview, compare, then download the corresponding CSS for a web typography.

Comments (9)

thumbs down,  sorry!

“A CSS typography site that lets you preview, compare, then download the corresponding CSS for a web typography.”

Don’t ALL sites do this?

Or did somebody misplace the VIEW SOURCE button???


*sigh*

#1: mark on 09/03 at 02:33 AM

Well, the difference is that there are lots of different fonts to look over.

#2: georgec on 09/03 at 03:07 AM

Mark has missed the point completely. Its about looking through a gallery of css typography and choosing the right one.

A bit like typetester but the works done for you.

Neat site.

#3: Slurp on 09/03 at 03:18 AM

missed what point?

the entire “css typography display could be generated with 12 lines of ASP/PHP code, tops.

If it were interactive and allowed you to wysiwig your way into getting a display that you could then be satisfied and choose/download that would be one thing, but just listing a bunch of fonts with CSS??

puh-leeze

Gushing over inconsequential nonentities!
...next y’a'll try to tell me some Arctic trailer trash mom is fit to be VP…gimme a break!

#4: mark on 09/03 at 03:36 AM

Mark obviously you are not a designer. Otherwise you would find the value of such a site. Apparently you are not a developer either because such a site could not be built on 12 lines of code.

Clearly the site organizes fonts in a manner that allows you to easily browse and select based upon the project at hand. Whats the alternative? Browsing cssdrive, finding a site with a font you like, viewing source, and finding the code within the source? Which is easier?

#5: Drew on 09/03 at 04:18 AM

Useful but OMG “Yawn”

#6: James on 09/03 at 09:22 AM

“Mark obviously you are not a designer. Otherwise you would find the value of such a site. Apparently you are not a developer either because such a site could not be built on 12 lines of code. “

I think any ‘designer’ that needs a site like that to pick fonts and css has more time on his hands than you can imagine (for a quality designer who should be busy)

I doubt you could build the entire site on 12 lines of code, but the CSS typography display (which was being referred to, certainly!) especially if the typo text was included from a text file (and the list of fonts too)
Now, I am not a fan of extremely terse code squeezed to fit arbitrary space limitation, but certainly, especially using JQUERY it can all be done (and readably so, on a page or two?)

#7: phil on 09/03 at 12:28 PM

P.S. Using the FireFox webdeveloper extension, you could just toggle VIEW CSS and then click on the area you are interested in, no?

#8: phile on 09/03 at 12:30 PM

@mark Just because its more advanced, do we really need another dynamic generator? We already have Typetester which does the job perfectly well.

The windows vs mac preview is a nice touch too.

@phile we all have that extension - font finder is even better. But where can find lot of css typography in one place?


Now, I prefer to play around with type myself and I probably wont use the site. But some of the reasoning behind the negative comments are ridiculous.

#9: Slurp on 09/03 at 09:15 PM
Commenting is not available in this weblog entry.

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

CSS AutoPrefixer

Intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

Generate the necessary .htaccess code to ban visitors based on their IP address, referrals, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.



Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site