48617

econsultancy_xml

Tools <a href="http://www.snook.ca/technical/colour_contrast/colour.html"> Colour Contrast Check </a> There's nothing more annoying than stumbling across a website with text that is illegible because the text colour clashes with the background colour. This useful tool allows you to preview coloured text on top of a coloured background and automatically determines if the colours are compliant. <a href="http://www.csstype.com/"> CSSTYPE </a> CSSTYPE helps you preview CSS-based text for websites. It even creates the CSS for you. <a href="http://www.linotype.com/fontexplorerX"> FontExplorer X </a> If you, like me, have more fonts than you know what to do with, consider downloading FontExplorer X. It's a free font management tool that not only helps you organize and manage your fonts, but gives you access to thousands more through an integrated store. <a href="http://fontstruct.fontshop.com/"> FontStruct </a> If you're really ambitious and want to take a shot at designing your own font, this slick online font creation tool lets you do just that. <a href="http://www.lipsum.com/"> Lorem Ipsum </a> When you need dummy text in a hurry, look no further than Lorem Ipsum, "the industry's standard dummy text ever since the 1500s." <a href="http://typetester.maratz.com/"> Typester </a> Typetester allows you to compare different fonts side by side to see which one looks best for your needs. Resources <a href="http://www.alistapart.com/topics/design/typography/"> A List Apart </a> One of my favorite web design websites, A List Apart has some great articles on typography with a focus on CSS. <a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/"> Mark Boulton </a> Mark Boulton's "Five simple steps to better typography" provides 5 easy steps designers can apply to their projects to improve their use of typography. <a href="http://webtypography.net/toc"> The Elements of Typographic Style Applied to the Web </a> A comprehensive overview of typography and how it is applied to the web, this website is a great overview to typography and how it relates to the web. <a href="http://typophile.com/"> Typophile </a> If you can't get enough of typography, consider joining this online com<a href="http://typophile.com/resources">munity dedicated to typophiles like yourself. Be sure to check out Typophile's online interactive courses</a>. Fonts <a href="http://www.1001fonts.com"> 1001fonts.com </a> 1001fonts.com provides free TrueType and PostScript fonts for Windows and the Macintosh. <a href="http://www.abstractfonts.com/"> Abstract Fonts </a> This website provides more than 11,000 free fonts. <a href="http://www.dafont.com"> dafont.com </a> dafont.com features over 8,000 fonts, many of which are free for personal use. <a href="http://www.fonts.com/"> Fonts.com </a> (Paid) With nearly 140,000 fonts, chances are that Fonts.com has a font that will meet your needs. <a href="http://www.itcfonts.com"> ITCFonts.com </a> (Paid) With its 35 year history, International Typeface Corporation has created popular fonts over the years, including venerable favorites like Franklin Gothic. <a href="http://www.linotype.com/">Linotype</a> (Paid) A storied name in the world of typography, Linotype offers more than 10,500 quality fonts.

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>Tools</Emphasis> </Paragraph> <Paragraph> <Link URL="http://www.snook.ca/technical/colour_contrast/colour.html" Window="Self"> <Emphasis>Colour Contrast Check</Emphasis> </Link> </Paragraph> <Paragraph>There's nothing more annoying than stumbling across a website with text that is illegible because the text colour clashes with the background colour. This useful tool allows you to preview coloured text on top of a coloured background and automatically determines if the colours are compliant.</Paragraph> <Paragraph> <Link URL="http://www.csstype.com/" Window="Self"> <Emphasis>CSSTYPE</Emphasis> </Link> </Paragraph> <Paragraph>CSSTYPE helps you preview CSS-based text for websites. It even creates the CSS for you.</Paragraph> <Paragraph> <Link URL="http://www.linotype.com/fontexplorerX" Window="Self"> <Emphasis>FontExplorer X</Emphasis> </Link> </Paragraph> <Paragraph>If you, like me, have more fonts than you know what to do with, consider downloading FontExplorer X. It's a free font management tool that not only helps you organize and manage your fonts, but gives you access to thousands more through an integrated store.</Paragraph> <Paragraph> <Link URL="http://fontstruct.fontshop.com/" Window="Self"> <Emphasis>FontStruct</Emphasis> </Link> </Paragraph> <Paragraph>If you're really ambitious and want to take a shot at designing your own font, this slick online font creation tool lets you do just that.</Paragraph> <Paragraph> <Link URL="http://www.lipsum.com/" Window="Self"> <Emphasis>Lorem Ipsum</Emphasis> </Link> </Paragraph> <Paragraph>When you need dummy text in a hurry, look no further than Lorem Ipsum, "<Quote>the industry's standard dummy text ever since the 1500s.</Quote>"</Paragraph> <Paragraph> <Link URL="http://typetester.maratz.com/" Window="Self"> <Emphasis>Typester</Emphasis> </Link> </Paragraph> <Paragraph>Typetester allows you to compare different fonts side by side to see which one looks best for your needs.</Paragraph> <Paragraph> <Emphasis>Resources</Emphasis> </Paragraph> <Paragraph> <Link URL="http://www.alistapart.com/topics/design/typography/" Window="Self"> <Emphasis>A List Apart</Emphasis> </Link> </Paragraph> <Paragraph>One of my favorite web design websites, A List Apart has some great articles on typography with a focus on CSS.</Paragraph> <Paragraph> <Link URL="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" Window="Self"> <Emphasis>Mark Boulton</Emphasis> </Link> </Paragraph> <Paragraph>Mark Boulton's "<Quote>Five simple steps to better typography</Quote>" provides 5 easy steps designers can apply to their projects to improve their use of typography.</Paragraph> <Paragraph> <Link URL="http://webtypography.net/toc" Window="Self"> <Emphasis>The Elements of Typographic Style Applied to the Web</Emphasis> </Link> </Paragraph> <Paragraph>A comprehensive overview of typography and how it is applied to the web, this website is a great overview to typography and how it relates to the web.</Paragraph> <Paragraph> <Link URL="http://typophile.com/" Window="Self"> <Emphasis>Typophile</Emphasis> </Link> </Paragraph> <Paragraph>If you can't get enough of typography, consider joining this online com<Link URL="http://typophile.com/resources" Window="Self">munity dedicated to typophiles like yourself. Be sure to check out Typophile's online interactive courses</Link>.</Paragraph> <Paragraph> <Emphasis>Fonts</Emphasis> </Paragraph> <Paragraph> <Link URL="http://www.1001fonts.com" Window="Self"> <Emphasis>1001fonts.com</Emphasis> </Link> </Paragraph> <Paragraph>1001fonts.com provides free TrueType and PostScript fonts for Windows and the Macintosh.</Paragraph> <Paragraph> <Link URL="http://www.abstractfonts.com/" Window="Self"> <Emphasis>Abstract Fonts</Emphasis> </Link> </Paragraph> <Paragraph>This website provides more than 11,000 free fonts.</Paragraph> <Paragraph> <Link URL="http://www.dafont.com" Window="Self"> <Emphasis>dafont.com</Emphasis> </Link> </Paragraph> <Paragraph>dafont.com features over 8,000 fonts, many of which are free for personal use.</Paragraph> <Paragraph> <Link URL="http://www.fonts.com/" Window="Self"> <Emphasis>Fonts.com</Emphasis> </Link> <Emphasis>(Paid)</Emphasis> </Paragraph> <Paragraph>With nearly 140,000 fonts, chances are that Fonts.com has a font that will meet your needs.</Paragraph> <Paragraph> <Link URL="http://www.itcfonts.com" Window="Self"> <Emphasis>ITCFonts.com</Emphasis> </Link> <Emphasis>(Paid)</Emphasis> </Paragraph> <Paragraph>With its 35 year history, International Typeface Corporation has created popular fonts over the years, including venerable favorites like Franklin Gothic.</Paragraph> <Paragraph> <Emphasis> <Link URL="http://www.linotype.com/" Window="Self">Linotype</Link> (Paid)</Emphasis> </Paragraph> <Paragraph>A storied name in the world of typography, Linotype offers more than 10,500 quality fonts.</Paragraph> </FormattedContent>

2008-06-17T03:26:00+01:00

econsultancy_xml

In my opinion, one of the most overlooked and least understood aspects of web design is that of typography. In my experience, many web designers treat typography as an afterthought, ignoring the fact that it's a major element of good design. Here are some great tools and tips for typography, as well as some links to websites that offer free and paid fonts:

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>In my opinion, one of the most overlooked and least understood aspects of web design is that of typography. </Emphasis> </Paragraph> <Paragraph> <Emphasis>In my experience, many web designers treat typography as an afterthought, ignoring the fact that it's a major element of good design.</Emphasis> </Paragraph> <Paragraph> <Quote>Here are some great tools and tips for typography, as well as some links to websites that offer free and paid fonts:</Quote> </Paragraph> </FormattedContent>

false 2531

365817

Typography tools and tips false

2008-06-20T08:45:00+01:00

typography-tools-and-tips

2009-04-28T23:11:06+01:00

414