background preloader

30 of the Best Web Typography Resources Online

30 of the Best Web Typography Resources Online
It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can help you improve your web typography, regardless of which camp you fall into. There are tools for creating unique typography, references and articles that can teach you typographic principles, and plenty of inspiration and news to keep you updated on the state of web typography. Typography Tools Typetester Typetester lets you compare up to three fonts, side-by-side, with whatever sample text you want. HTML Ipsum HTML-Ipsum is a lorem ipsum generator specifically for web design. WP-Typography WP-Typography is a WordPress plugin that helps make your standard WP typography more attractive.

http://www.webdesignerdepot.com/2010/06/30-of-the-best-web-typography-resources-online/

Related:  typographyFONTES

Revised Font Stack Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts. “… font stacks are ultimately design factors, and should be scrutinized as such.”—Nathan Ford, Better CSS font stacks Fontograph - This week's selection This page is updated with a new selection of ten fonts at the end of every week. Don't hesitate to come back often. The old weekly selections can be found in the Archives section of this site. Click the left mouse button on a font's representation to get it or click with the right mouse button and choose 'save link as' in the dialog box.

10 Great Tips For Improving Your Web Typography From the invention of the printing press in the 15th Century, to the creation and development of the Internet into the 21st, typography has evolved to reflect technological advancement to become both a science and an art form. Once a specialist occupation, the digital age has opened typography to computer users and web designers. When creating pages and laying out text with other content there are several guiding principles that designers should bear in mind. Typography is a huge field of study, but this post brings together a handful of hints to help web designers improve their pages.

The Anatomy of Web Fonts [Design Principles] If one aspect of design has suffered most in its transition to the Web, it is the art of typography. For years, Web typography involved little more than choosing a typeface and font size. Unstyled Times New Roman was the norm, and the integration of established typographical techniques and rules was unimagined. This Is Tomorrow Typeface Classification For the purposes of typeface classification, font families broadly divide into seven major groups: Slab Serif, Serif Old Style, Serif Transitional, Serif Modern, Sans Humanist, Sans (Neo)Grotesque and Sans Geometric. Poster features well designed font classics and large font families being classified into two separate categories. Design: Marcin PlonkaClient: Self-initiated Year: 2009

Typography for Headlines Design Showcase They say that content is king. However, how you present it is pretty important too — no more so than when it's the main heading on your page. This collection of headline typography should provide some ideas for a more creative approach to designing this most important of page elements. 1 2 3 4 5 6 7 8 9 Next » PCMag Android and Me 25 Free Fonts Perfect for @fontface The recent web design trend of not using web safe fonts for headlines and titles has opened up a whole new resource category for designers: The search for the perfect headline grabbing font. In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license. Dekar Dekar Download Page → Freeware License (View License) Sertig

Basic Tips On Typography For Web Design Sometimes even the smallest details can have a big impact on the way a website looks. Typography is a perfect example of one of those small details. It is also one of the most overlooked design elements on the majority of websites. Even if the rest of the layout and graphics are well-designed, the end result can be unattractive or difficult to read with the wrong typography. There are a number of typography tips and tricks that you can use to improve the looks and readability of your website, however. Tweaking the following oft-overlooked areas can make a huge difference and possibly increase readership and the amount of time visitors spend on your site.

Free fonts and premium fonts used by designers There are usually two camps among designers when it comes to typeface choices. One group has a handful of favorite typefaces they adapt to every design they create, believing that these handful of typefaces can be suitable for every situation. The other camp believes in using a huge variety of typefaces, picking and choosing each one based specifically on the project at hand. Regardless of which camp you fit into, the typefaces below should interest you. Lettering: A Reference Manual of Techniques by Andrew Haslam Lettering: A Reference Manual of Techniques by Andrew Haslam and published by Laurence King This newly published book (September 2011) is a comprehensive reference guide for any designer wanting to know more about the techniques and production processes to create lettering themselves or to commission work from external sources. Using a combination of explanatory text, step-by-step photographs and classic and contemporary examples, this unique survey brings together over 80 processes involved in creating lettering and applying it to many different surfaces. Included are hand-drawn lettering techniques (from sign writing to tattooing); dimensional lettering (hand engraving to laser cutting); typesetting (from letterpress to lettering in food); printing (Letraset to printing on bank notes); lettering on textiles (embroidery to flagmaking); and illuminated type (neon signage to holography).

Related:  Typographie | Fonts