What are some great examples of web typography using only standard fonts and CSS?
-
What are the best examples of using standard web fonts such as Arial, Helvetica, Times New Roman, Lucida Grande, Georgia, Cambria, and other standard fonts. and CSS to produce well-designed pages?
-
Answer:
Stephen Coles at Quora Visit the source
Other answers
This is a great tutorial (and showcase) about web typography. http://webtypography.net/ This article is a must-read as well: http://www.informationarchitects.jp/en/100e2r/ This article is a big old, but still valid: http://ilovetypography.com/2007/09/19/15-excellent-examples-of-web-typography/ Some more best practices: http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/ And some quick tips: http://csswizardry.com/type-tips/ I hope this is helpful.
Ted Persson
If you mean 'good' by sites that demonstrate their designer's sound grasp of typographic principles, then Quora is a good place to start. Any sites that organize information so that users can quickly understand and interact with content rely on good typography. They are likely to look pleasing to the eye even if they don't make you think 'well that's a creative site'. They will encode meaning through appropriate use of color, type size, weights, space, rules and glyphs such as bullets and parentheses. I think http://Flickr.com copes with complexity admirably using standard typefaces, as does http://Delicious.com and the British newspaper http://Guardian.co.uk. I'd be interested to hear about very pared back designs for complex sites â that have managed to do away with buttons, icons and heavy use of color to encode meaning. That really would be just good typography and css.
Andrew J. Young
I think the NYTimes has done a great job since their 2006 redesign. The line heights, margins, font sizes weights and colors are meticulously thought out, readable and nice to look at. It's not incredibly artistic but exemplifies good, classic typset design. http://www.nytimes.com/
Jason Roy
This article about font-stacks has many examples of websites that creatively combine web standard fonts and non-standard fonts based on similarity. http://www.awayback.com/revised-font-stack/ I'm sure you will find some good examples there but expect to find many of them to be using non-standard/platform specific fonts. Since the idea of using font-stacks is to serve alternate fonts that look-alike it is expected that text with web-standard font-stacks will display just as nice as non-standard ones.
Anibe Agamah
A List Apart uses several of the web fonts together in a very elegant way. Check it out. http://www.alistapart.com/
Anthony Cafaro
Take a look at the Typographic category on siteInspire for some excellent typographic websites: http://siteinspire.com/showcase/category/style/typographic
Daniel Howells
Related Q & A:
- How to call a web service using HttpWebRequest?Best solution by Stack Overflow
- What is a great idea for an Android or Java project?Best solution by 1000projects.org
- What are some great restaurants in madrid?Best solution by Yahoo! Answers
- What are some great career choices for an INFP?Best solution by Quora
- What are some good examples for good and bad peer pressure?Best solution by wiki.answers.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.