This link has been bookmarked by 143 people . It was first bookmarked on 09 Mar 2009, by someone privately.
-
09 Apr 12
-
20 Dec 11
-
27 Sep 11
-
20 Sep 11
-
01 Sep 11
-
27 Jun 11
-
27 Dec 10
-
17 Oct 10
-
14 Oct 10
-
23 Sep 10
Nicolas PalopoliType is one of the most-used elements of the web. Chances are your site visitors are coming for your text content – not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element?
Good typography brings or -
20 Sep 10
-
chances are your site visitors are coming for your text content – not the fancy packaging that surrounds it
-
Good typography brings order to the page and increases legibility.
-
the limitations of web type are crystal clea
-
a 5 easy fixes for the typographic eyesores that abound across the Web.
-
. Use A Reset Stylesheet
-
No two browsers use the same presentation defaults.
-
If you want your page layout to be more consistent across browsers, it pays to start with a CSS Reset stylesheet.
-
Watch Your Measure
-
or optimal readability, running text columns such as your main body copy should be somewhere between 45 – 75 characters (30 – 50 ems) including spaces
-
fluid designs (ones in which the columns expand and contract to fit the browser width) are harder on the eyes.
-
Tend To The Space Between
-
It’s not jus
-
. Too little space makes text hard to read, but so does too much.
-
White space refers to the empty or “negative” space around your content, and it is crucial.
-
ry increasing your padding and margins.
-
Don’t Go Font Crazy
-
use no more than two font faces
-
But continuing to add font faces to your interface creates unnecessary confusion
-
pay attention to the size of your pairings. Some fonts that look similar render at very different sizes
-
Keep body text above 10 or 12 pixels. If you insist on teeny tiny, at least use relative sizing for all those IE 6.0 users who otherwise couldn’t make it larger
-
Don’t Neglect The Details
-
Use smart quotes
-
are curved and have both an opening and closing style.
-
I know – no one wants to spend all day hunting down quotes. Luckily, tools like SmartyPants and Textism can do much of the legwork for you by automatically formatting text that includes smart quotes and the like.
-
Stop putting two spaces after a period. Please! It’s not necessary and its actually rather annoying.
-
use border-bottom: 1px solid instead of text-decoration: underline.
-
Underlines can run through the descender characters (g, j, p, q, y) making them hard to read, especially when using smaller font sizes.
-
-
06 Sep 10
-
14 Jul 10
Jochen BurkhardType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content – not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element?
-
25 May 10
-
06 Feb 10
-
28 Jan 10
-
29 Dec 09
-
20 Dec 09
-
15 Dec 09
-
13 Dec 09
Vince PearceNice webesign resource. Article about how good typography can be applied to websites.
-
04 Dec 09
-
03 Dec 09
-
18 Nov 09
-
07 Oct 09
-
06 Oct 09
-
11 Sep 09
-
08 Sep 09
-
30 Jun 09
-
25 Jun 09
-
21 May 09
-
07 May 09
-
21 Apr 09
-
20 Apr 09
-
06 Apr 09
-
01 Apr 09
-
27 Mar 09
-
24 Mar 09
-
22 Mar 09
-
21 Mar 09
-
20 Mar 09
-
19 Mar 09
Eva Godenysymbols. Coders take the easy way out by replacing them with hyphens, multiple periods, a large TM and the infamous (C). Using the right symbols does make a difference vis
CSS design webdesign typography tips tutorials fonts typo type
-
18 Mar 09
-
17 Mar 09
-
16 Mar 09
Christine MorrisType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text
-
Alex HorstmannType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text l
-
15 Mar 09
-
Tomasz Frankowski5 Simple Ways to Improve Web Typography. http://www.webdesignerdepot.com/2009/03/5-simple-ways-to-improve-web-typography/ [from http://twitter.com/sunlifter/statuses/2215859729]
tweecious CascadingStyleSheets Webdesign MicrosoftWord HTML HTMLelement Typography ListApart Fonts
-
13 Mar 09
-
11 Mar 09
-
Stephen BarnesType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text
-
10 Mar 09
Roberto Pla5 Simple Ways to Improve Web Typography | Webdesigner Depot
-
Jeff RichmondType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text l
web design webdesign tips css howto typography fonts font for:oduska
-
Brad SmithGreat typography article covering: CSS resets, Measure and Leading, Smart Quotes info, and more...
-
Luis GilConsejos para mejorar la tipografía web
diseño inspiracion webdesign tutoriales tipografia consejos ideas
-
Charles GnilkaType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text l
-
Miguel Ribeiro e SilvaType is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text l
-
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.