jueves, 5 de mayo de 2011

Averiguar la tipografia de una web

Follow chengyinliu on Twitter
← Back to Chengyin's main page

What is this for?

What is the easiest way to find out the fonts used in a webpage?
Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away.
Hence I wrote this tool, with which you can easily get font information about the text you are hovering on.
A screenshot showing WhatFont in action. 
 

How to use it?


Bookmarklet

Chrome Extension

WhatFont
← Drag this to your bookmark bar to install
or click to try it on this page
On any webpage, click your WhatFont bookmark to use the tool.
Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9.
Limited support: Internet Explorer 8.

Test field

The quick brown fox jumps over the lazy dog.
font-family: Palatino, Georgia, serif;
The quick brown fox jumps over the lazy dog.
font-family: "Helvetica Neue", Arial, sans-serif;
The quick brown fox jumps over the lazy dog.
font-family: "bello-pro-1", "bello-pro-2", sans-serif;

Version history

The tool should auto-update itself. If you do not get the newest feature, please reinstall.
  • Ver 1.3.2: Better style reset. Better image support. Added an external service.
  • Unfold all...

Credit

Many thanks to Riobard for the font-in-use detecting code.
Thanks to Bennett McElwee for the default font bug fix.
Thanks to @hugoahlberg, @zhusee2 and Brian Majerus for helping me test.

External Services

The external links included in WhatFont are being provided as a convenience; they do not constitute an endorsement or an approval by me.

No hay comentarios:

Publicar un comentario