As you have probably know, most online readers don’t read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader’s attention to the important messages and at the same time enhance the visual appearance. Here are seven basic methods on how you can create typographic contrast.

1. Size

Larger font size indicate higher priority because it draws reader’s attention, therefore this method is commonly applied on headings.

large font size

On the other hand, you can de-emphasize by using smaller font size.

small font size

2. Typeface / Classification

Contrast can be achieved by mixing different typeface classifications. However, due to limited web safe fonts, there are only two main classifications commonly used: serif and sans-serif.

type classification

Generally, to create a contrast between the headings and the body text, we use serif font for the headings and sans-serif font for the body, or vice versa.

classification contrast

If you want to go beyond the web safe fonts, there are two more options:

  1. CSS image replacement, that is to use CSS to hide the text and replace with a background image.
    [css + bg image = static graphic img]

  2. sIFR (Flash replacement), that is to use Javascript and Flash technology to replace the text with the embedded font.
    [Javascript+Flash = any font dynamically]

Note: CSS image replacement or sIFR is not practical for long paragraph, so they are normally used for headings.

3. Color

Color contrast is a common way to distinguish between navigation, headings, link, and body text.

link

You can use faded color to indicate something that is disabled or not available.

faded

Sometime you don’t need to make something bigger to get more attention, you can create emphasis by using brighter color, such as red.

red color text

You can also use color to distinguish individual word within a group of text.

color grouped text

When small font size combined with lighter tone color, the importance of the text is further de-emphasized.

least important

4. Cases

When the same typeface is used for the headings and body text, contrast can be established by changing the case. Uppercase tends to get more attention than lowercase, therefore it is more suitable for headings. The CSS property to transform text to uppercase is text-transform: uppercase.

case contrast

Tips: avoid using uppercase in the body text or in long sentence because it will reduce readability.

uppercase text block

5. Style and Decoration

One of the common mistakes made by most editors (particularly the Microsoft Word users), is the tendency to use the underline decoration to emphasize certain text. This is a big mistake in web typography. Readers will misinterpret the underlined text as a link because the browser underlines the link by default. So, do not underline any text that is not a link when posting on the web.

underline

Instead, you can use italic font style.

italic

6. Weight

Making certain text heavier weight (bold) can also create emphasis.

bold

Another common mistake is that people tend to bold the entire line of text. By doing so, the emphasis/contrast of the text is lost.

entire line bold

7. Space

Space plays the most important part in maintaining flow of your design. Good use of space will tell the reader where to start, when to pause, where it ends, and what to do next.

There are various ways to create space:

  • Block break (padding or margin) is the space in between the block elements.
  • Paragraph break (padding or margin) is the space created after the <p> element.
  • Tracking (letter-spacing) is the space in between the characters.
  • Leading (line-height) is the space in between the lines.
  • Indentation (padding or margin) is commonly used for blockquote and list elements.

Conclusion

Let’s put all these methods together in practice.

typographic contrast final

External Links:

180 Comments

Efrain
Dec 11, 2007 at 2:41 am

Like always… very usefull stuff. Thanks.

tAlpA
Dec 11, 2007 at 2:42 am

thank you!!!
you post are better than the lesson I had at school!!! :-)

Florian
Dec 11, 2007 at 2:45 am

Indeed very intresting.

R.Bhavesh
Dec 11, 2007 at 3:11 am

Wonderful, outstanding article as always nick!. This would really be helpful to me updating my released and upcoming themes.

You have covered typography in simple but powerful way.

gbsigz
Dec 11, 2007 at 3:11 am

Great stuff, always a pleasure reading your articles

SasaVtec
Dec 11, 2007 at 3:27 am

This is very nice, thanks once again for sharing.

Fabio Sasso
Dec 11, 2007 at 3:32 am

Very good post, thanks for sharing…

Grant
Dec 11, 2007 at 3:33 am

Great article, pleasure to read!

Kai Schaller
Dec 11, 2007 at 3:58 am

Excellent read, especially since I’ve been wanting to learn more about typography lately!

AL
Dec 11, 2007 at 4:39 am

Very well put and easy to read.

I might just add that the cause of design clutter is trying to give equal prominence to a lot of items using one or more of the techniques presented in this article. The basic rule is: if you emphasize one item on a page, you need to de-emphaisize another.

David
Dec 11, 2007 at 4:43 am

good and usefull but many of this things are hopefully normal for a designer.
but please wrote more interessting articles, nice to read!

Davey
Dec 11, 2007 at 5:08 am

Good stuff, Nick. Always good to remember these!

Marianne
Dec 11, 2007 at 5:15 am

Thanks so much! What a great post on web typography!

Timothy Diokno
Dec 11, 2007 at 5:40 am

sIFR (Flash replacement)
I wondered how other sites did it until you told us!

Franco
Dec 11, 2007 at 5:44 am

Very very good post, thanks a lot !

Machiel
Dec 11, 2007 at 5:52 am

Nice Article.

Gives a short to the point round up of possibilities with type and some of the dangers… Especially on a site with multiple columns and different block of text the blance is always important.

JoK
Dec 11, 2007 at 7:00 am

Really great article, all the bases that a webdesigner has to know in just 1 page.

Great work and nice blog !

Milan
Dec 11, 2007 at 10:04 am

Hey I like your blog and your articles are grate! But I think it schould be normal for a good designer, to pay attention to those basics… but nevertheless its a good and helpful article!!

Mohammed
Dec 11, 2007 at 10:19 am

thanks a lot.

Sara
Dec 11, 2007 at 10:24 am

This is a wonderful writeup. I love to read about web typography, and you’ve summed up all of the most important points right here in one article.

Your website is always a great read. I look forward to checking it every morning when I come in to work :) Thank you!

Johan
Dec 11, 2007 at 10:42 am

Thanks alot for the great tips, really helpful!

Cláudio
Dec 11, 2007 at 11:13 am

Always good to remember these, thanks for sharing, Nick :)

steph
Dec 11, 2007 at 11:45 am

hehe, thanks teach

Zach
Dec 11, 2007 at 11:55 am

Great post! Good typography tips are always good to read! Except tracking is the control of the space between characters in an entire line of text, Leading (led-ing) would be the space between lines of text. Good stuff!

Zinni
Dec 11, 2007 at 11:57 am

# Kerning (letter-spacing) is the space in between the characters.
# Tracking (line-height) is the space in between the lines.

This is incorrect, The correct Definitions are as follows:

Kerning, is the space in between A PAIR of Letters, manipulation at this level is not really possible with standard HTML / CSS.

Tracking, is the space between letters in a body of text. This is different than kerning, because kerning is just a pair of letters.

Leading, is the space between to lines of text, and is set with the line-height attribute in CSS.

Nick La
Dec 11, 2007 at 1:15 pm

Thanks everyone for correcting leading and tracking. It is now updated.

Carly
Dec 11, 2007 at 1:55 pm

Everything you publish on your site seems to go hand in hand with either what I am interested in at the time or something I want to learn more about…I’ve been looking around, studying source code and asking for feedback about my own typography, and wanting to improve my knowledge about it, and your article has helped me loads, thanks Nick!

loxodon
Dec 11, 2007 at 5:03 pm

great job, thank you for these helpful tips.

Joefrey Mahusay
Dec 11, 2007 at 7:43 pm

Nice Article..Thanks for sharing…

Fearz
Dec 11, 2007 at 11:33 pm

I don’t get what the point of this is. This is all common sense, this is a tutorial for beginners right? Cause everyone pretty much knows this stuff. Write something else that is more useful you nut.

Søren Sprogø
Dec 12, 2007 at 3:09 am

Nice article! Very much for beginners, yet it contained a tip or two that I’ve never thought about :-)

Btw, you should include some explanation to what exactly serif / sans serif is. Beginners normally doesn’t know.
(http://en.wikipedia.org/wiki/Sans_serif)

Nathan
Dec 12, 2007 at 4:25 am

Now this is a good post! Its very informing and I am sick of people using horrible text. This is perfect and makes me want to make a very CSS based layout oh so soon!

Good work, again!
Nathan

Darren Cornwell
Dec 12, 2007 at 4:28 am

Great article, what amazes me is that your final design (where you bring it all together) looks exactly like the Scribbish theme I currently use. Great minds think alike eh? Great read, will be visiting often.

SAT THU VO TINH
Dec 12, 2007 at 8:45 am

NUOC MAT KE CHUNG TINH

gary shaw
Dec 12, 2007 at 9:25 am

another surperb article – dont normally post comments… but you keep coming up with such interesting posts/articles that i just wanted to say keep up the good work. You have help me out alot over recent months – so a big thank you!

Geo
Dec 12, 2007 at 1:53 pm

@Fearz
Perfectly valid comment / opinion even if many may (and do appear to) disagree with you. That is until the last two words (you nut). That just devalued your comment, reducing any validity or credence anyone may have given it, and demeaned you into the bargain.

And think a bit more before putting forehead to keyboard next time. You say “I don’t get what the point of this is.” But then you say (ask) “This is all common sense, this is a tutorial for beginners right?” so perhaps you were nearly there and you rather DO get the point.

Robert
Dec 12, 2007 at 2:49 pm

Very nice and cool tutorial – It made me thinking about the fonts I use on my blog. There would be some changes soon:) – Thanks, Robert

Scheiro
Dec 12, 2007 at 5:54 pm

Excellent article, very interesting for me. The CSS to hide the text and replace with a background image is really nice !
Thanks for sharing.

Carly
Dec 13, 2007 at 11:28 am

@Fearz – I think this tutorial has helped me think about choosing fonts more carefully. Not just using anything I can think of at the time, or always using the same thing over and over.

Sam Hardacre
Dec 13, 2007 at 1:50 pm

Great piece!

Robin
Dec 14, 2007 at 10:03 am

Good piece on some of the basics of typography. It seems to be a topic that’s finally getting some much needed attention from web designers. In addition to the things you highlight in the Space section of the post, I would also be tempted to do some playing around with the word-spacing properties. You can really improve the readability (or…scanability?) of your content with a bit of work there.

On a side note, just wanted to say that I find the overall design of this site to be really inspirational and engaging.

Luis Felipe
Dec 15, 2007 at 3:01 pm

Certainly great hints and guidance. I find this very easy to understand. Thanks for putting this together.

I’m currently creating a new layout for my website so I’ll be gathering various things from this site.
Thanks

Dustin Brewer
Dec 15, 2007 at 9:57 pm

Fantastic article on typography, one of my favorite posts yet. I really enjoy the imagery, it adds a lot to the idea you are conveying.

outwindow
Dec 15, 2007 at 11:53 pm

so good an article,maybe we neglect so many details.

Ulee
Dec 16, 2007 at 3:12 pm

Great job! This was a very precise and informative article. You should think about adding a Float button to your site, so people vote for your article on design float.

Michiel van der Blonk
Dec 17, 2007 at 1:04 pm

According to the Windows User Interface guidelines (see http://tinyurl.com/267a9b) disabled buttons have grayed out text, where enabled buttons have black (or default color) text. Most people are used to this, and that is why I would advise not to use gray text on buttons. Actually for best readability I would never use gray text, but it seems more popular than ever :-(.

Naila DXB
Dec 18, 2007 at 12:14 am

Nice sharing !

ZombieLoffe
Dec 18, 2007 at 2:52 pm

Nice article. Brings out some good points.

Lawrence the Photographer
Dec 20, 2007 at 5:21 pm

Good ideas about font types and contrast. It’s especially good for those (like me) who are starting out ;D

Peter Mikolajski
Dec 21, 2007 at 3:37 am

Michiel van der Blonk raised important issues and I would like add one more:

When small font size combined with lighter tone color, the importance of the text is further de-emphasized.

Small fonts needs to have greater contrast to be readable and I would be very careful with this particular tip. Please use Colour Contrast Analyser tool/Firefox extension to check readability because small light grey letters are hard to see even on well calibrated monitors. Uncalibrated monitors can make it invisible and yes, invisible text is really not important ;)

Overall this article is really good, thanks for sharing :)

David
Dec 21, 2007 at 10:51 am

Good article. While I already practice these guildlines – I really needed something like this to share with others. Consider it bookmarked ;)

SupaFly
Dec 21, 2007 at 1:49 pm

Wow going to bookmark this will help with me teaching people basic web design maybes

5ivedance
Dec 21, 2007 at 9:49 pm

Nice tips,bring me some points I never pay attention to.

jack
Dec 22, 2007 at 9:34 am

as usual your’s topics is great
please see this site http://www.xyzo1.com
and tell me what you think

Sheilla
Dec 22, 2007 at 1:28 pm

Good point, as usual you always bring attention to details :) Thanks for sharing the tips!

Dodski
Dec 23, 2007 at 12:53 am

This tips really good. It really help a lot.

I got tips guys on how to make row and column. visit my blog.

Greg Ponchak
Dec 23, 2007 at 3:54 pm

love the topic, great info

Jenny
Dec 25, 2007 at 11:29 pm

Great tips. I’m gonna try it out with my new design. Thanks.

tad
Dec 27, 2007 at 2:20 pm

Wow, very informative and detailed tutorial. I am always a fan of your art and tutorial. Keep it up and more power

vakantietraveldir
Dec 30, 2007 at 1:43 pm

Very nice tutorial! I like the way you explain it.

VistaMedia
Dec 31, 2007 at 6:05 am

Yes, this is first axiom for great design work…:-)
1. Contrast
2. Justification
3. Propinquity
4. Repetition

sarvnaz
Jan 2, 2008 at 3:24 am

hi
very biautiful your weblog please add me

Elliott
Jan 3, 2008 at 2:03 am

I check this site every day and no updates for 23 days :( What’s happening, Nick? Hope you’re ok!

Joomlabased
Jan 5, 2008 at 6:57 am

This is the good tutorials. I see some websites they do it very good.

狮子的牙齿
Jan 5, 2008 at 2:29 pm

可惜我看不懂英文.
my English is poor .so sorry i like this page.

5ivedance
Jan 7, 2008 at 12:31 am

Space plays the most important part in maintaining flow of your design. Good use of space will tell the reader where to start, when to pause, where it ends, and what to do next.

I will remember this words add to my work. Some times I completely ignored this would help a lot to our design.

Ralph
Jan 18, 2008 at 11:21 am

Thank you for your great work and some ideas for the modern text structure.

Ralph

Hakan
Jan 19, 2008 at 2:36 pm

Thanks

almog media design
Jan 23, 2008 at 4:29 am

really good thanks

Gastón Alegre
Jan 23, 2008 at 12:24 pm

Thanks for this!

Ardianto
Jan 25, 2008 at 12:45 am

Thanks

Atof
Jan 25, 2008 at 12:49 am

fANTAStic ! and Really helpFull !

punk
Jan 25, 2008 at 3:30 am

Fantastic and Helpful indeed :) Thanks.

Na Na
Jan 27, 2008 at 1:53 am

Very easy to understand. Thank you

Alexander Mannewitz
Jan 28, 2008 at 11:20 am

Typography is/was becoming one of the key ingredients of the big web design cookie. This article is well written and a very informative resource for understanding, how much typography matters.
Thanks for your conclusion.

Emprenye
Jan 29, 2008 at 6:46 am

Very easy to understand. Thank you

Dave
Jan 30, 2008 at 9:55 am

Great simple tutorial.
Thanks!

chesco
Feb 1, 2008 at 4:56 am

Thanks! Really helpfull.

Alvin
Feb 3, 2008 at 1:31 pm

Great Article

Jacob
Feb 8, 2008 at 12:18 am

Very nice information in this post, while reading it everything made sense and I feel dumb for not using these before.

Milinda Lakmal
Feb 8, 2008 at 7:14 am

Thanks for the nice article. Can you published the code for that last example screen shot you have put. The source will be really helpful to beginners.

Weverton Naves
Feb 12, 2008 at 8:30 am

Wonderful. Impressive as some articles make us realize this because something is really good, and simple way, without the need to break the upside unveil these mysteries.

barry
Feb 13, 2008 at 8:17 am

Easy to digest, nice one

Chris Laskey
Feb 19, 2008 at 9:39 am

Nice overview of typography. Thanks for the right up,

Cheers

Tsiry
Feb 28, 2008 at 11:01 am

Very useful, thanks!

Dragolux
Mar 4, 2008 at 6:25 pm

Thanks for the tips! These will come in handy once I get off the ground with my web designing.

naran_ho
Mar 10, 2008 at 1:02 pm

really good tutorial, useful and simple, thanks.

The Bildschirmschoner-Man
Mar 10, 2008 at 8:27 pm

Con este post explicaste muchas cosas profundas. Si todo la gente van a respectar tu palabras vamos a tener un internet mas lindo! Gracias!

Milinda Lakmal
Mar 12, 2008 at 6:12 am

Can you please put some example code for the last image you have put in conclusion section. It will be really helpful.

petnos
Mar 16, 2008 at 5:06 pm

Its really great tuturial. Thanks a lot.

Ricardo
Mar 20, 2008 at 5:07 am

Very useful article on typography.

Inerxia
Apr 21, 2008 at 1:13 am

Great article. The Five simple steps to better typography from Mark Boulton are very usefull too. Thanks

LOmiG
Apr 24, 2008 at 2:00 am

thanks for this great post ; very clear, useful. I will stard to use some of your advices today !

thanks

bastiaan
May 12, 2008 at 2:03 pm

whatevvvaaa

bastiaan
May 12, 2008 at 2:05 pm

I DONNT CAREE

Web Designers
Jun 1, 2008 at 7:32 am

Really nice tutorials for web designers….!

Vanessa
Jun 4, 2008 at 10:34 am

Found you thru Annie at Blog U. It is sites like this and Annie among others that make me want to make creative changes on my site. You have a great talent. Thanks for sharing it! I will be visiting more often.

Creative designs
Jun 7, 2008 at 11:30 am

More creative, excellent designing skills….!

SEO - Search Engine Optimization Philippines - Perth Australia
Jun 14, 2008 at 8:56 am

This post is very useful, thanks!

hanavana -Philippines
Jun 18, 2008 at 4:26 am

all tutorials, tips and advices are greately appreciated,and very inspiring as well, esp.for a beginner like me who wants to be like you, i hope that anyone who finds it boring, or people who doesn’t appreciate effort of others, should keep quiet and refrain from talking like a mocking bird, air head like # 97, 96.
show your talent dude….!!!

David
Jun 26, 2008 at 4:11 pm

simple typographic tips like this are always good to keep at the tip of a designers fingers even if you have been working for type for years, it never hurts to review the basics from time to time :)

Best Logo Maker
Jun 28, 2008 at 9:39 am

Nice stuff, it will be good inspiration for logo creation.

People Search Dude
Jul 18, 2008 at 5:19 pm

I like the tip where you mention:
“Tips: avoid using uppercase in the body text or in long sentence because it will reduce readability.”

It’s also important to remember that uppercase body text will also slow down reading.

Stephanie
Jul 19, 2008 at 1:06 am

I’m definitely going to show this to some of my friends, definitely something that is essential to learn.

rryan
Jul 23, 2008 at 12:16 pm

Very essential tips, and great advice. Keep it up…

Peti
Aug 12, 2008 at 3:26 am

Thank you, i was following your description and happy with the results!

tomus
Sep 23, 2008 at 11:09 am

i like the artivle it’s worth to read and got usefull information, thanx and nice website!

kamal thakur
Oct 4, 2008 at 11:23 pm

I think I will find lots of useful information here…

Came here looking for typography..

Brad Strickland | bradstrickland.com
Oct 6, 2008 at 6:33 am

This was a great type overview. Most don’t even think about use of color, case and weight for emphasis.

design
Oct 7, 2008 at 3:24 pm

Great Site for web designers and CSS ideas

Logo Design Works
Oct 22, 2008 at 10:26 am

I was in the process of creating a new case study on our website when I came across your website. It gave me a few ideas for my typography.

Thanks!

Skracanie linków
Nov 2, 2008 at 5:27 am

Outstanding post. I’m webdesigner but didn’t know about few things… I’m ashamed.

Milan
Nov 23, 2008 at 4:15 pm

Nice article. Thank you!

Bellatrix
Dec 4, 2008 at 11:22 pm

This is very helpful info! I find myself actually doing most of these. I would like to see a post on typography but mostly analyzing quotes, sometimes, well a lot of times I have worked with adding testimonials, and sometimes I get bored doing so, some inspiration in this typography would be NICE.

Awesome post!

Carlos Hermoso
Dec 18, 2008 at 3:54 am

Typographic contrast and flow is a very important issue to keep in mind. Good post

Meghana
Feb 3, 2009 at 8:00 am

very good stuff shared here! thanx :)

Tom
Feb 9, 2009 at 11:39 pm

I like the case idea, using text-transform: uppercase to increase contrast

Tuan Anh
Feb 25, 2009 at 5:47 am

Nice post. Thank you very much. Can you write more articles with more details about this topic?

Rob Russo
Feb 25, 2009 at 10:36 am

I just stumbled on this article via Web Design Ledger. Great article!

I still run across sites that underline non-link text and it drives me batty. I always hover over underline text (even if I don’t plan on clicking) just to see the hover effect. Must be a nervous habit…

Agent R
Apr 4, 2009 at 3:06 pm

Please, fellow designers, for the sake of sanity — do not mix serif and sans-serif typefaces when creating art.

Mike
Apr 15, 2009 at 11:23 pm

@Agent, I think it’s ok to do so.

Thanks for article. Actually my third read since it’s been out..

Felipe
May 8, 2009 at 6:29 am

2. Typeface :
sIFR now has 100% JS equivalents like Cufon (or @font-face + Cufon) provided that the license of the font used permits this use.

rahulmax
May 22, 2009 at 3:22 am

Awesome article! Thanks, Nick.

flashfs
May 28, 2009 at 7:02 pm

Objective explanations. Cool visual conclusion. Thanks.

zhaiduo
Sep 1, 2009 at 8:08 pm

Very useful! Thanks.

Jako
Sep 4, 2009 at 9:26 pm

Nice post. Thank you very much. Can you write more articles with more details about this topic?

bagsin
Sep 10, 2009 at 7:40 pm

I love this post, it is really useful for beginners like me.

Cyrus
Sep 21, 2009 at 9:53 am

Great , Typographic Contrast and Flow
Great article. CSS saved web design
Cyrus
Visit http://www.psdtoxhtmlcoder.com

Carl114
Oct 20, 2009 at 5:42 pm

Perfect article. Good advice. Thanks! :)

Mike
Oct 31, 2009 at 4:29 am

wow! such a great gift! reall great tuts

alex
Nov 24, 2009 at 11:28 am

a great article, this works in IE 8, opera and mozilla.

visit my website http://www.onlycatsanddogs.com

Jami Mullikin
Nov 29, 2009 at 6:03 am

Even after doing this for 15 years, it is a good to have a refresher every now and then. Thanks for the post.

Alireza
Dec 29, 2009 at 5:10 pm

thanks for your useful and helpful article.
this is one of my works: http://www.bazel.ir

vincentdresses
Jan 5, 2010 at 11:32 pm

The designs showed here show what simple and tasteful design is all about. Another one to consider

J.T. Shaver
Jan 16, 2010 at 1:42 am

Nice post! I wrong something similar on My Blog.

blogger widget
Feb 24, 2010 at 12:13 pm

i like this thanks for tutorial

Active Computech
Apr 12, 2010 at 9:35 pm

It really explores the anatomy of typography explicitly..! Regards…

http://www.scalablevectorgraphics.info

Web Design
Apr 28, 2010 at 8:36 pm

amazing article. thanks so much for sharing!!

sivaranjan
May 19, 2010 at 8:55 pm

Your website is incredibly beautiful and useful. I have taken liberty to add this article to my CSS aggregator site. I hope you wont mind that.

PhoneCurry
May 28, 2010 at 7:01 am

Very nice article.

Will use these tips in my own startup website (www.phonecurry.com) – it currently has good functionality but lacks seriously in design. I am therefore trying to learn good design practices online and your site has been very useful.

Thanks!

sangeeta
Jun 15, 2010 at 5:10 am

Very nice article…I have one question.

What is that method called where colour or font style is used to break one word into two…
for example…
if the word “Example” is written… then the words ‘AMPLE’ within it, will be written in a different colour or font…. so that the person reads both…. and to make user read it as “Ample Example” the size of “Ample” would be bigger than the rest of the letter i.e. e and x, in this case….

Does anybody know it?

kl pontz
Jun 18, 2010 at 4:15 am

This was a great post! Being newbie, it’s great to find a resources that outlines the fundamentals.

sanjay
Jun 23, 2010 at 3:09 am

nice tut! im a newbie and this opens my mind about typography..i will put you on my tutorial page in my website, hope that’s ok? thanks again!

Haliyikama
Aug 21, 2010 at 8:43 am

good site

Buz
Aug 23, 2010 at 7:09 am

admin thanks for this website.

Cöp Konteyner
Aug 28, 2010 at 8:53 am

I always follow your site thank you

facebook
Sep 19, 2010 at 6:51 am

very handy and helpful tutorial also its a free :) .. i love this site
i love WDW

aniya22
Sep 30, 2010 at 3:38 pm

What is the language used on the examples? Latin?

Brett Widmann
Oct 24, 2010 at 6:50 pm

Very nice tips. Keep it up!

mikwillson
Dec 12, 2010 at 4:03 am

Your article’s resource box should help to persuade your readers. No matter how amazing your article is if it’s not succeeding in driving traffic to your website uggs outlet

Henry Peise
Dec 24, 2010 at 1:05 am

Recently i am looking fot the white iphone 4 conversion kit. If you have any recommendation, plz tell me. I will be very grateful!

Juno Mindoes
Dec 24, 2010 at 10:54 pm

I just heard the gossip that since there’s some technic problems on white iphone 4, iphone 4b is going to release. It that true?

Uçak Bileti
Jan 11, 2011 at 3:11 pm

uyan uyannnn

Ben
Jan 13, 2011 at 4:42 am

Hmm, let’s see.

tütüne son
Jan 29, 2011 at 3:55 pm

very handy and helpful tutorial also its a free :) .. i love this site

altın çilek
Feb 2, 2011 at 5:47 am

I always follow your site thank you

hcg damla
Feb 2, 2011 at 1:55 pm

Very nice tips. Keep it up!

شات صوتي
Feb 8, 2011 at 6:07 am

thnks
goooooooooooooood
min:(
teem

Mike Sinkula
Feb 19, 2011 at 1:12 am

As much as the choice of type is important, the appropriate use of typographic measurements and white-space is an important tool of the trade when setting type for the web.

How To Put On A Condom | How To Get Taller
Mar 17, 2011 at 5:59 pm

Yup. Contrast does work to call attention. I prefer using bold and bright colors…

Mike
Aug 19, 2011 at 9:26 am

thanks for the SPAM, idiot.

How To Get Taller | How To Put On A Condom
Mar 17, 2011 at 6:00 pm

Contrast does work for lengthy articles or pieces. Thanks for this tip.

ana
Mar 31, 2011 at 10:39 pm

no encontre lo que buscaba pero es importante lo escribiste bay bay bay besos

Raynoch
Dec 18, 2011 at 3:29 pm

Inetlglinece and simplicity – easy to understand how you think.

dexx
Apr 17, 2011 at 1:52 pm

Excessive fear, anger, and work under stress last pregnancy, infants can lead to excessive hassaslığa. Intense emotions, going through the mother’s blood circulatory system and brain functions that affect the baby in some leads to the release of chemical

Fantazi ayakkabı
May 3, 2011 at 7:26 am

Thanks admin ,very useful, help me a lot to improve some of my sites…

fantazi ayakkabı
May 28, 2011 at 3:39 am

Thanks admin ,very useful

Lassar
Jul 27, 2011 at 1:23 am

You was talking about using italic font instead of underline for emphasizes.

Well italic font does not really cut it for emphasizes.

I have tried bold for verdana font. And it just looks ugly.

There are places in sentences and words that no one would expect to be a link. If so, they would be a prime candidate for underline text.

Or how about using ‘underline text’ for extra emphasizes.

The only other choice is color. As you know a different color text means a link. And yet I see you use color text in this web page.

The worst thing that can happen is the reader finds out it is not a link.

So what other choices do we have when it comes to emphasizing words besides underline?

I.C. Spot
Dec 5, 2011 at 11:44 am

LOL that was the most illogical argument ever. It’s ok to use underline (which is ALWAYS rendered for a link), but it’s not ok to use color because that could possibly maybe mean it’s a link? Don’t cross a side street, you might get run over by a car. I recommend crossing highways instead!

eczane
Sep 8, 2011 at 8:50 am

Thanks for sharing and keep up the good work. That is a great article.

eczane
Sep 8, 2011 at 8:54 am

siteniz tek kelimeyle süpe

Genesis
Dec 5, 2011 at 10:19 am

this web site wasnt helpful at all >_<

Jenelle Andriopulos
Dec 7, 2011 at 7:26 am

I have learned result-oriented things out of your blog post. Yet another thing to I have noticed is that typically, FSBO sellers can reject a person. Remember, they can prefer to not ever use your providers. But if you actually maintain a comfortable, professional connection, offering assistance and being in contact for about four to five weeks, you will usually be capable to win a discussion. From there, a house listing follows. Thank you

Moliva
Dec 9, 2011 at 8:15 am

I like this blog !muy great !

yemek tarifleri
May 2, 2012 at 12:08 pm

Paintingasd on the tablet is fun, but to do cool things need work.

Lenard
May 13, 2012 at 11:25 am

Good stuff.. typography is really important. A lot of start-up web designers aren’t familiar to this, but like me, as i go along, learning and discovering sites like this, I tend to realize that I still have lots to learn, even the basic ones that creates big impact on web design. Thank you for sharing this Nick.. :)

Therese
May 30, 2013 at 7:47 am

The part about underlining didn’t occur to me. I guess there are a lot of differences when it comes to print and web typography. Also, i think you should check this infogaphic about professional typography by Cardprinting as well: https://www.cardprinting.us/blog/2013/03/guide-to-professional-typography/

DymoLabels
Jun 1, 2013 at 9:47 am

hi
i really like your collection
thanks for sharing
keep it up

Post Comment or Questions

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.