<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>1stwebdesigner - Graphic and Web Design Blog &#187; typeface</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/typeface/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>A Short Course On How To Improve Your Website&#8217;s Typography</title>
		<link>http://www.1stwebdesigner.com/design/short-course-improve-typography/</link>
		<comments>http://www.1stwebdesigner.com/design/short-course-improve-typography/#comments</comments>
		<pubDate>Thu, 24 Nov 2011 10:00:17 +0000</pubDate>
		<dc:creator>Christian Vasile</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[hierarchy]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webpage]]></category>
		<category><![CDATA[weight]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=58449</guid>
		<description><![CDATA[Typography is one of the most difficult things to sort out when designing, especially because with the amount of typefaces a designer can use, it&#8217;s almost impossible to choose the best one without spending hours on it. A simple search on Google will show you that there are hundreds of thousands of fonts, most of [...]]]></description>
			<content:encoded><![CDATA[<p>Typography is one of the most difficult things to sort out when designing, especially because with the amount of typefaces a designer can use, it&#8217;s almost impossible to choose the best one without spending hours on it. A simple search on Google will show you that there are hundreds of thousands of fonts, most of them even free of charge; and the number increases weekly. This means the decision is even harder to make today than it was last year.</p>
<p>And it is not only about the typefaces available, but mostly about the skills a designer has. There are Universities that teach typography throughout years, because it is a deep field. Knowing alignment rules, kerning, hierarchy and other terms like these is crucial in making your text say something specific.</p>
<p><span id="more-58449"></span></p>
<p>The good part is that good typography alone is enough to create a powerful visual identity or design. Being able to hit the right mark with the typography is critical and therefore I will share with you several tips on how to improve your typography skills.</p>
<p>Good typography matters because it plays a vital role in web design. It generates a hierarchy (most of the time visual) and makes the text easier to read and follow. Typography is not only about looking good, but also about providing a functional advantage to the text &#8211; being easier to follow and read.</p>
<p>It is important to design with the idea that the result has to mean something. It is even more important to think of the information you want to give to the visitors and how you want to do this. Every typeface says something about itself, so think also about the way you want to transmit the message. Looking at the picture below should make you understand what I mean, even if you don&#8217;t have that much knowledge of typography.</p>
<p>The same word has been written with four different typefaces and they create a total different impact. While the one written with Impact creates the most powerful visual attraction of all (the name is not a coincidence at all), the one with Helvetica Neue looks more modern, fine, polished and sleek. The one written with Ethnocentric seems the most modern of them all, but might be difficult to use for something other than titles or headings. The reason why this is will be discussed right away.</p>
<div id="attachment_58587" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.1stwebdesigner.com/design/short-course-improve-typography/attachment/interaction/" rel="attachment wp-att-58587"><img class="size-full wp-image-58587" title="Interaction" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/interaction.jpg" alt="" width="570" height="321" /></a><p class="wp-caption-text">&quot;Interaction&quot; written with Helvetica Neue, Impact, Italianate and Ethnocentric.</p></div>
<p style="text-align: left;"> There are more font classes in the world, but only two of them are of such importance that everybody should know about them: serif and sans-serif. The difference between them is the &#8220;serif&#8221;, which are small additional endings at the end of the strokes &#8211; specific of the serif fonts. &#8220;<em>Sans</em>&#8221; comes from French and means &#8220;without&#8221;, so it is quite obvious which is which.</p>
<p style="text-align: left;">The serif fonts are usually used in printed material such as newspapers or books. However, magazines employ sans-serif fonts because they are &#8220;cleaner&#8221; and are easier to read when the font size is small. But according to studies, the serif typefaces may be easier to read in print, while sans-serifs are better on-screen, especially in low font size and low resolution.</p>
<p>The good part about the new technologies on the web are that even if your computer does not have a font you might like to have, downloading it is only few steps away. Moreover, embedding the font into your site, so that everybody who visits it sees the text with the typeface you want, is possible as well now, so why not use this if you can? I would like to show you two examples of websites with integration of custom typefaces, and then we&#8217;ll come back and discuss why are they successful.</p>
<div id="attachment_58588" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.egopop.net/" target="_blank"><img class="size-full wp-image-58588" title="Egopop" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/egopop.jpg" alt="" width="570" height="340" /></a><p class="wp-caption-text">Egopop Design Studio uses a custom-made font.</p></div>
<div id="attachment_58592" class="wp-caption aligncenter" style="width: 580px"><a href="http://chirp.twitter.com/" target="_blank"><img class="size-full wp-image-58592" title="Chirp" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/twitter.jpg" alt="" width="570" height="340" /></a><p class="wp-caption-text">Chirp has a funny custom-made font as well.</p></div>
<p>The success of these two webpages, and many others for that matter, is also given by the way they made use of typefaces. Maybe tomorrow you will not remember what the website was about, but it is very likely you will remember the website itself, because it creates a powerful visual impact &#8211; and this is the first step into having a web identity worthy of remembering. This is what a good, well used typeface can turn your website into.</p>
<p>Another good tip is not to overdo it. It is not a good idea to use many fonts, so try to keep the number of typefaces as low as possible. I usually go with two, maximum three. I think two is perfect because you have a typeface (serif maybe) which can be used for titles and headlines, in huge sizes, while the other one is for paragraphs and small text, and often it is a sans-serif. In the image below you can see a good example of two well-combined typefaces.</p>
<div id="attachment_58593" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.poundandgrain.com/" target="_blank"><img class="size-full wp-image-58593 " title="Pound &amp; Grain" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/poundgrain.jpg" alt="" width="570" height="340" /></a><p class="wp-caption-text">Pound &amp; Grain uses a sans-serif for the headlines and serif font for text.</p></div>
<p>If you combine too many fonts in the same design, this can cause your text readability to suffer and will not create the same experience as the example above. Fonts have to be used wisely, and quality is more important than quantity. Although it doesn&#8217;t have that much to do with typography, embedding too many fonts will make your site load slower.</p>
<p>Experimenting is the way to find a great combination. Try as many fonts as possible, play with them, combine them, increase or decrease the number of typefaces and so on, until you reach the desired effect. Managing to find the perfect combination rarely happens the first time when you try it, so get ready to spend some hours on this.</p>
<p>The line spacing is critically important as well, because it has a lot to do with readability and impact. Moving the lines apart from each other will make the human eye read them easier, while bringing them closer will obviously have the opposite effect. The average of the line spacing should be about 0.3em to 0.5em larger than the font size, but this is only a guideline and you shouldn&#8217;t follow it all the time. Actually, I never even think about this one; I always increase or decrease the line spacing by looking at the text and comparing the options. To realize why big line spacing is important, look at the image below and try to think of which is the easiest to read. Note that the typeface is the same in both paragraphs.</p>
<div id="attachment_58594" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.1stwebdesigner.com/design/short-course-improve-typography/attachment/spacing/" rel="attachment wp-att-58594" target="_blank"><img class="size-full wp-image-58594 " title="Line spacing" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/spacing.jpg" alt="" width="570" height="254" /></a><p class="wp-caption-text">A difference of only 10px spacing (Photoshop size, not HTML/CSS) makes a huge difference.</p></div>
<p>Another important concept is the hierarchy, which can not only be made by increasing the font size, but also by using different typefaces, as I usually like to do. Headlines and titles are either bigger or have a more powerful, thick font, because they need to stand out. <em>&#8220;If it makes a difference, better make it big&#8221;. </em>If talking about rules, then this is one you should keep in mind &#8211; make the differences obvious.</p>
<p>The hierarchy can be emphasized through color, contrast, dimension or placement, but the most visual is the one emphasized through typography.</p>
<div id="attachment_58598" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.puregrips.com/grips/" target="_blank"><img class="size-full wp-image-58598 " title="Pure Grips" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/hierarchy1.jpg" alt="" width="570" height="340" /></a><p class="wp-caption-text">The headline is a sans-serif in bigger size, while the rest of the text is written with a serif font.</p></div>
<p>Measuring the width of the text is important too, but it is more crucial for paragraphs than for headlines. The ideal line length seems to be between 10 and 15 words per line, but this is another rule that doesn&#8217;t apply all the time. It is so important which typeface you use, because some are wider than others. The line spacing between rows has an influence over this as well, so don&#8217;t think of rules. Ask anybody around you to read your text and then ask if it was difficult, easy or normal. Don&#8217;t read it yourself, because you that designed the layout and after spending hours looking at it, small details become unnoticeable.  It doesn&#8217;t only depend on the font you use or line spacing, but also about the general width of your design.</p>
<p>Alignment is important too, but the sad truth is that it is impossible to make it work for everybody in the World with only one design. This is because in Western culture we read from left to right, top to bottom, while some countries in the Eastern part of the World read right to left, bottom to top. Therefore you should think of your audience and design for it. If we take the Western culture as an example, then try to have as fewer different starting points on the left side. This is because the eye is used to start from the same point as before when reading a new line, and having a different starting point for each line will make it difficult to read. Maybe we don&#8217;t think of this too much, but the brain probably does. It is far more easy to read a text aligned to the left, than a text aligned to the right, and the example below should express this.</p>
<div id="attachment_58629" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.1stwebdesigner.com/design/short-course-improve-typography/attachment/alignment-3/" rel="attachment wp-att-58629" target="_blank"><img class="size-full wp-image-58629 " title="Text Alignment" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/alignment2.jpg" alt="" width="570" height="340" /></a><p class="wp-caption-text">The text on the left side is the easiest to read.</p></div>
<p>Although I am a big fan of the center alignment, I only use it in headlines with few lines. The version on the left side is definitely the best and I think everybody would consider a website aligned to the right a bit weird, especially people in Europe and America. Justifying the text is not a very good option either, because it will create a lot of empty space between the words and this will become confusing. Justifying is usually popular in print, in narrow columns, but not in web design where the containers are usually wider.</p>
<p>The weight of the font is important as well. The weight is actually how thick the font is. Highlighting words or links is usually done by using a thicker font or another color. Having several font weight types means that you can reduce the number of other embedded fonts, because having the same font in different weights gives a feeling of hierarchy and importance.</p>
<div id="attachment_58620" class="wp-caption aligncenter" style="width: 580px"><a href="http://www.1stwebdesigner.com/design/short-course-improve-typography/attachment/weight/" rel="attachment wp-att-58620" target="_blank"><img class="size-full wp-image-58620 " title="Font weight with Helvetica Neue" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/weight.jpg" alt="" width="570" height="288" /></a><p class="wp-caption-text">Helvetica Neue is a font with more than 40 different font styles and weight.</p></div>
<p>As you can see, typography is built on several important concepts and it is important to keep an eye on all of them. Typography is an important part of any design and if you manage to hit the mark with it, a basic, simple and clean layout will be enough to create a powerful identity. You will have to spend a lot of time on improving your typography skills, therefore I will share with you a list of useful links where you can find out more about the art of typography.</p>
<p><a title="Articles about Typography" href="http://www.1stwebdesigner.com/search/?q=typography" target="_blank">Articles about typography</a> on 1stwebdesigner.com</p>
<p><a title="Articles on Typography" href="http://www.smashingmagazine.com/tag/typography/" target="_blank">Articles about typography</a> on Smashing Magazine</p>
<p><a title="25 Excellent Typograhy Tools" href="http://sixrevisions.com/tools/25-excellent-typography-tools-for-the-serious-designer/" target="_blank">25 Excellent Typograhy Tools</a> on Six Revisions</p>
<p><a title="A Crash Course in Typography" href="http://www.noupe.com/design/a-crash-course-in-typography-the-basics-of-type.html" target="_blank">A Crash Course in Typograhy</a> on Noupe</p>
<p><a title="Designing with Type by James Craig" href="http://www.amazon.com/Designing-Type-Course-Typography-Fourth/dp/0823013472" target="_blank">Designing with Type by James Craig</a> on Amazon</p>
<p><a title="Typography and Design" href="http://www.onextrapixel.com/2010/10/25/typography-as-design-advanced-technology-and-art/" target="_blank">Typography and Design</a> one OneXtraPixel</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/short-course-improve-typography/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>50 Fresh and Beautiful Fonts From 2011</title>
		<link>http://www.1stwebdesigner.com/freebies/fresh-beautiful-free-premium-fonts/</link>
		<comments>http://www.1stwebdesigner.com/freebies/fresh-beautiful-free-premium-fonts/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 10:00:56 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[premium]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=51710</guid>
		<description><![CDATA[Finding the right font for your design work can often be really frustrating and time consuming. For that reason you should always have plenty of various fonts in your toolbox. When was the last time you downloaded a nice and pretty font? It&#8217;s time for you to update your font library with some fresh and [...]]]></description>
			<content:encoded><![CDATA[<p>Finding the right font for your design work can often be really frustrating and time consuming. For that reason you should always have plenty of various fonts in your toolbox. When was the last time you downloaded a nice and pretty font? It&#8217;s time for you to update your font library with some fresh and stunning fonts. This article presents 50 fresh and beautiful fonts from 2011 to enliven your design work as well as a few typography tips. The list contains many smooth and solid fonts that are suitable for web design as well as some funkier and nontraditional fonts that will add that extra something to your digital art. And did I mention that all the fonts are completely free? (some fonts might be available only as demo versions). Also here are a few tips to consider when working with type.</p>
<p><span id="more-51710"></span></p>
<h2>Tips</h2>
<h3>The right font</h3>
<p>As you may already know choosing the right font is often the hardest part of a design that involves typography. But that&#8217;s only half of the story. In both digital art and web design you&#8217;ll often have to use more than one font. For digital art typography is used more as an artistic element and in web design you have to think about elements like headlines, remarks, call to action and many more things. Don&#8217;t get me wrong and stuff your website with a dozens of fonts. Use a few but select them carefully. Remember to take into consideration things like dynamics, font moods and even things like mobile browsers.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/tips4-cool-fresh-free-fonts-2011.jpg" border="0" alt="Tips4-cool-fresh-free-fonts-2011" /></p>
<p>Choosing the right font is extremely important in minimal web design because type is what basically will make your website. <a href="http://www.goslingo.com/">Oliver James Gosling</a> has chosen a large strong font for title and a smaller smoother one for navigation. The whole website is using about five fonts which is absolutely enough. The typography used in this website creates the right mood and dynamic.</p>
<h3>Formatting</h3>
<p>Styling and formatting is as important as the choice of the font. Even some of the prettiest and most user friendly fonts can become unpleasing if the styling and layout is awful. One of the tools to avoid messy typography is by using a grid. A grid is especially important in print and web design. Whether you use guidelines in Photoshop or 960 Grid System with CSS think of the positioning, layout, margins and structure. Your eyes will be the best judge.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/tips3-cool-fresh-free-fonts-2011.jpg" border="0" alt="Tips3-cool-fresh-free-fonts-2011" /></p>
<p><a href="http://www.getfinch.com/">Francisco Inchauste&#8217;s</a> personal website is a great example of efficient use of grid system. The text is divided in three main sections and it&#8217;s clear and easy to read. Also other things like headlines, opacity and capital letters makes this seemingly plain text styled and formatted perfectly.</p>
<h3>The details</h3>
<p>It&#8217;s often the tiny little details that separate good typography from excellent. Kerning, tracking, font sizes &#8211; all these factors matter especially if we&#8217;re talking about web design. In web design all the little details count and they can either enhance or spoil your design. Pay attention to things like spacing between the lines, quote marks and hyperlinks. Typography is a subtle yet powerful science which consists of many tiny details that definitely aren&#8217;t insignificant.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/tips2-cool-fresh-free-fonts-2011.jpg" border="0" alt="Tips2-cool-fresh-free-fonts-2011" /></p>
<p>You can see an efficient text styling and polished details in the website of <a href="http://www.revistavlov.com/">Revista Vlov</a>. The font is subtle and smooth and the styling makes it pleasant to read. Line height and kerning are just fine and the transparent boxes give the text that solid and complete look. Also the more important words are nicely highlighted with a different color.</p>
<h3>Harmony</h3>
<p>Most of the time type is not going to be the only thing that will shape your artwork. This point combines all of the previous and many more typographic rules. You can create a perfect type fitting all typography standards however if it&#8217;s not going to interact with other parts of the design it&#8217;s pretty much useless. Choosing the right fonts will play a big role, but you have to pay a lot of attention to details and the overall look as well. Pay attention to colors, shapes, images and free space. In web design white space is going to be your biggest friend. Be sure to treat it accordingly.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/tips1-cool-fresh-free-fonts-2011.jpg" border="0" alt="Tips1-cool-fresh-free-fonts-2011" /></p>
<p><a href="http://www.werbungrockt.de/">Pixelschupser Medien</a> design agency has achieved perfect balance and harmony with the use of typography. They&#8217;re using a few, yet carefully, selected fonts that do their job greatly. You can easily scan over the services they&#8217;re offering and the main content is legible as well. When you look a this website there&#8217;s that lovely feeling of completeness. The type in the background is also a neat solution.</p>
<p><!--more--></p>
<h3>1. <a href="http://www.fontsquirrel.com/fonts/pacifico">Pacifico</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/pacifico"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/pacifico-fresh-free-fonts-2011.jpg" border="0" alt="Pacifico-fresh-free-fonts-2011" /></a></p>
<h3>2. <a href="http://www.dafont.com/europe-underground.font">Europe Underground</a></h3>
<p><a href="http://www.dafont.com/europe-underground.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/europe-underground-fresh-free-fonts-2011.jpg" border="0" alt="Europe-underground-fresh-free-fonts-2011" /></a></p>
<h3>3. <a href="http://www.dafont.com/crystal-deco.font">Crystal Deco</a></h3>
<p><a href="http://www.dafont.com/crystal-deco.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/crystal-deco-fresh-free-fonts-2011.jpg" border="0" alt="Crystal-deco-fresh-free-fonts-2011" /></a></p>
<h3>4. <a href="http://www.theleagueofmoveabletype.com/fonts/17-fanwood">Fanwood</a></h3>
<p><a href="http://www.theleagueofmoveabletype.com/fonts/17-fanwood"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/fanwood-fresh-free-fonts-2011.jpg" border="0" alt="Fanwood-fresh-free-fonts-2011" /></a></p>
<h3>5. <a href="http://www.dafont.com/yonna.font">Yonna</a></h3>
<p><a href="http://www.dafont.com/yonna.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/yonna-fresh-free-fonts-2011.jpg" border="0" alt="Yonna-fresh-free-fonts-2011" /></a></p>
<h3>6. <a href="http://www.fontsquirrel.com/fonts/francois-one">Francois One</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/francois-one"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/francois-one-fresh-free-fonts-2011.jpg" border="0" alt="Francois-one-fresh-free-fonts-2011" /></a></p>
<h3>7. <a href="http://www.behance.net/gallery/Font-Mars/1728555">Mars</a></h3>
<p><a href="http://www.behance.net/gallery/Font-Mars/1728555"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/mars-fresh-free-fonts-2011.jpg" border="0" alt="Mars-fresh-free-fonts-2011" /></a></p>
<h3>8. <a href="http://www.fontsquirrel.com/fonts/cabin">Cabin</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/cabin"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/cabin-fresh-free-fonts-2011.jpg" border="0" alt="Cabin-fresh-free-fonts-2011" /></a></p>
<h3>9. <a href="http://www.fontsquirrel.com/fonts/ostrich-sans">Ostrich Sans</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/ostrich-sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/ostrich-sans-fresh-free-fonts-2011.jpg" border="0" alt="Ostrich-sans-fresh-free-fonts-2011" /></a></p>
<h3>10. <a href="http://www.dafont.com/burbin-casual-nc.font">Burbin Casual</a></h3>
<p><a href="http://www.dafont.com/burbin-casual-nc.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/burbin-casual-fresh-free-fonts-2011.jpg" border="0" alt="Burbin-casual-fresh-free-fonts-2011" /></a></p>
<h3>11. <a href="http://www.dafont.com/filetto.font">Filetto</a></h3>
<p><a href="http://www.dafont.com/filetto.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/filetto-fresh-free-fonts-2011.jpg" border="0" alt="Filetto-fresh-free-fonts-2011" /></a></p>
<h3>12. <a href="http://www.fontsquirrel.com/fonts/familiar-pro">Familiar Pro</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/familiar-pro"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/familiar-pro-fresh-free-fonts-2011.jpg" border="0" alt="Familiar-pro-fresh-free-fonts-2011" /></a></p>
<h3>13. <a href="http://www.fontsquirrel.com/fonts/quattrocento-sans">Quattrocento Sans</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/quattrocento-sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/quattrocento-sans-fresh-free-fonts-2011.jpg" border="0" alt="Quattrocento-sans-fresh-free-fonts-2011" /></a></p>
<h3>14. <a href="http://www.fontsquirrel.com/fonts/metrophobic">Metrophobic</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/metrophobic"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/metrophobic-fresh-free-fonts-2011.jpg" border="0" alt="Metrophobic-fresh-free-fonts-2011" /></a></p>
<h3>15. <a href="http://www.fontsquirrel.com/fonts/open-sans">Open Sans</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/open-sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/open-sans-fresh-free-fonts-2011.jpg" border="0" alt="Open-sans-fresh-free-fonts-2011" /></a></p>
<h3>16. <a href="http://www.fontsquirrel.com/fonts/news-cycle">News Cycle</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/news-cycle"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/news-cycle-fresh-free-fonts-2011.jpg" border="0" alt="News-cycle-fresh-free-fonts-2011" /></a></p>
<h3>17. <a href="http://www.fontsquirrel.com/fonts/kristi">Kristi</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/kristi"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/kristi-fresh-free-fonts-2011.jpg" border="0" alt="Kristi-fresh-free-fonts-2011" /></a></p>
<h3>18. <a href="http://www.behance.net/gallery/Egypt-22-Font-%28Free%29/1732147">Egypt 22</a></h3>
<p><a href="http://www.behance.net/gallery/Egypt-22-Font-%28Free%29/1732147"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/egypt-fresh-free-fonts-2011.jpg" border="0" alt="Egypt-fresh-free-fonts-2011" /></a></p>
<h3>19. <a href="http://fontfabric.com/code-pro/">Code Pro</a></h3>
<p><a href="http://fontfabric.com/code-pro/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/code-pro-fresh-free-fonts-2011.jpg" border="0" alt="Code-pro-fresh-free-fonts-2011" /></a></p>
<h3>20. <a href="http://practicefoundry.com/collator.html">Collator</a></h3>
<p><a href="http://practicefoundry.com/collator.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/collator-fresh-free-fonts-2011.jpg" border="0" alt="Collator-fresh-free-fonts-2011" /></a></p>
<h3>21. <a href="http://www.fontsquirrel.com/fonts/lekton">Lekton</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/lekton"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/lekton-fresh-free-fonts-2011.jpg" border="0" alt="Lekton-fresh-free-fonts-2011" /></a></p>
<h3>22. <a href="http://www.behance.net/gallery/slice-Free-font-by-Superfried/1806537">Slice</a></h3>
<p><a href="http://www.behance.net/gallery/slice-Free-font-by-Superfried/1806537"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/slice-fresh-free-fonts-2011.jpg" border="0" alt="Slice-fresh-free-fonts-2011" /></a></p>
<h3>23. <a href="http://www.fontsquirrel.com/fonts/capsuula">Capsuula</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/capsuula"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/capsuula-fresh-free-fonts-2011.jpg" border="0" alt="Capsuula-fresh-free-fonts-2011" /></a></p>
<h3>24. <a href="http://www.behance.net/gallery/aClaire-Handa-the-new-team-scope-free-font/1945173">Claire Hand</a></h3>
<p><a href="http://www.behance.net/gallery/aClaire-Handa-the-new-team-scope-free-font/1945173"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/claire-hand-fresh-free-fonts-2011.jpg" border="0" alt="Claire-hand-fresh-free-fonts-2011" /></a></p>
<h3>25. <a href="http://www.dafont.com/from-where-you-are.font">From Where You Are</a></h3>
<p><a href="http://www.dafont.com/from-where-you-are.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/from-where-fresh-free-fonts-2011.jpg" border="0" alt="From-where-fresh-free-fonts-2011" /></a></p>
<h3>26. <a href="http://fontfabric.com/rbno2-free-font/">RBNo2</a><span style="color: #000000;"> </span></h3>
<p><a href="http://fontfabric.com/rbno2-free-font/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/rbno2-fresh-free-fonts-2011.jpg" border="0" alt="Rbno2-fresh-free-fonts-2011" /></a></p>
<h3>27. <a href="http://www.fontsquirrel.com/fonts/cousine">Cousine</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/cousine"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/cousine-fresh-free-fonts-2011.jpg" border="0" alt="Cousine-fresh-free-fonts-2011" /></a></p>
<h3>28. <a href="http://www.dafont.com/just-the-way-you-are.font">Just The Way You Are</a></h3>
<p><a href="http://www.dafont.com/just-the-way-you-are.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/just-way-fresh-free-fonts-2011.jpg" border="0" alt="Just-way-fresh-free-fonts-2011" /></a></p>
<h3>29. <a href="http://www.fontsquirrel.com/fonts/muli">Muli</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/muli"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/muli-fresh-free-fonts-2011.jpg" border="0" alt="Muli-fresh-free-fonts-2011" /></a></p>
<h3>30. <a href="http://www.fontsquirrel.com/fonts/mako">Mako</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/mako"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/mako-fresh-free-fonts-2011.jpg" border="0" alt="Mako-fresh-free-fonts-2011" /></a></p>
<h3>31. <a href="http://www.fonts2u.com/aovel-cool-regular.font">Aovel Cool</a></h3>
<p><a href="http://www.fonts2u.com/aovel-cool-regular.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/aovel-cool-fresh-free-fonts-2011.jpg" border="0" alt="Aovel-cool-fresh-free-fonts-2011" /></a></p>
<h3>32. <a href="http://www.behance.net/gallery/Sketch-Gothic/1324321">Sketch Gothic</a></h3>
<p><a href="http://www.behance.net/gallery/Sketch-Gothic/1324321"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/sketch-gothic-fresh-free-fonts-2011.jpg" border="0" alt="Sketch-gothic-fresh-free-fonts-2011" /></a></p>
<h3>33. <a href="http://www.fontsquirrel.com/fonts/nunito">Nunito</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/nunito"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/nunito-fresh-free-fonts-2011.jpg" border="0" alt="Nunito-fresh-free-fonts-2011" /></a></p>
<h3>34. <a href="http://www.fontsquirrel.com/fonts/steelfish">Steelfish</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/steelfish"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/steelfish-fresh-free-fonts-2011.jpg" border="0" alt="Steelfish-fresh-free-fonts-2011" /></a></p>
<h3>35. <a href="http://www.behance.net/gallery/Movavi-Grotesque-Black/971697">Movavi Grotesque Black</a></h3>
<p><a href="http://www.behance.net/gallery/Movavi-Grotesque-Black/971697"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/movavi-fresh-free-fonts-2011.jpg" border="0" alt="Movavi-fresh-free-fonts-2011" /></a></p>
<h3>36. <a href="http://www.fontsquirrel.com/fonts/shanti">Shanti</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/shanti"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/shanti-fresh-free-fonts-2011.jpg" border="0" alt="Shanti-fresh-free-fonts-2011" /></a></p>
<h3>37. <a href="http://www.behance.net/gallery/Bandaa/1069287">Banda</a></h3>
<p><a href="http://www.behance.net/gallery/Bandaa/1069287"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/banda-fresh-free-fonts-2011.jpg" border="0" alt="Banda-fresh-free-fonts-2011" /></a></p>
<h3>38. <a href="http://www.behance.net/gallery/Broken-Records-%28Font%29/1044195">Broken Records</a></h3>
<p><a href="http://www.behance.net/gallery/Broken-Records-%28Font%29/1044195"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/broken-records-fresh-free-fonts-2011.jpg" border="0" alt="Broken-records-fresh-free-fonts-2011" /></a></p>
<h3>39. <a href="http://www.fontsquirrel.com/fonts/six-caps">Six Caps</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/six-caps"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/six-caps-fresh-free-fonts-2011.jpg" border="0" alt="Six-caps-fresh-free-fonts-2011" /></a></p>
<h3>40. <a href="http://www.behance.net/gallery/Infinity/1126535">Infinity</a></h3>
<p><a href="http://www.behance.net/gallery/Infinity/1126535"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/infinity-fresh-free-fonts-2011.jpg" border="0" alt="Infinity-fresh-free-fonts-2011" /></a></p>
<h3>41. <a href="http://www.fontsquirrel.com/fonts/dancing-script-ot">Dancing Script</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/dancing-script-ot"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/dancing-script-fresh-free-fonts-2011.jpg" border="0" alt="Dancing-script-fresh-free-fonts-2011" /></a></p>
<h3>42. <a href="http://designmoo.com/4304/sharpie-letterkit/">Sharpie Letterkit</a></h3>
<p><a href="http://designmoo.com/4304/sharpie-letterkit/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/sharpie-letterkit-fresh-free-fonts-2011.jpg" border="0" alt="Sharpie-letterkit-fresh-free-fonts-2011" /></a></p>
<h3>43. <a href="http://www.dafont.com/tabitha.font">Tabitha</a></h3>
<p><a href="http://www.dafont.com/tabitha.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/tabitha-fresh-free-fonts-2011.jpg" border="0" alt="Tabitha-fresh-free-fonts-2011" /></a></p>
<h3>44. <a href="http://www.dafont.com/phoenixscriptflf.font">Phoenix Script</a></h3>
<p><a href="http://www.dafont.com/phoenixscriptflf.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/phoenix-script-fresh-free-fonts-2011.jpg" border="0" alt="Phoenix-script-fresh-free-fonts-2011" /></a></p>
<h3>45. <a href="http://www.fontsquirrel.com/fonts/calluna-sans">Calluna Sans</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/calluna-sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/calunna-sans-fresh-free-fonts-2011.jpg" border="0" alt="Calunna-sans-fresh-free-fonts-2011" /></a></p>
<h3>46. <a href="http://www.dafont.com/decibel.font">Decibel</a></h3>
<p><a href="http://www.dafont.com/decibel.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/decibel-fresh-free-fonts-2011.jpg" border="0" alt="Decibel-fresh-free-fonts-2011" /></a></p>
<h3>47. <a href="http://mediamilitia.com/shattered-3d-font-free/">Shattered 3D Font</a></h3>
<p><a href="http://mediamilitia.com/shattered-3d-font-free/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/shattered-fresh-free-fonts-2011.jpg" border="0" alt="Shattered-fresh-free-fonts-2011" /></a></p>
<h3>48. <a href="http://www.losttype.com/font/?name=wisdom%20script">Wisdom Script</a></h3>
<p><a href="http://www.losttype.com/font/?name=wisdom%20script"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/wisdom-script-fresh-free-fonts-2011.jpg" border="0" alt="Wisdom-script-fresh-free-fonts-2011" /></a></p>
<h3>49. <a href="http://www.losttype.com/font/?name=duke">Duke</a></h3>
<p><a href="http://www.losttype.com/font/?name=duke"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/duke-fresh-free-fonts-2011.jpg" border="0" alt="Duke-fresh-free-fonts-2011" /></a></p>
<h3>50. <a href="http://www.dafont.com/appleberry.font">Appleberry</a></h3>
<p><a href="http://www.dafont.com/appleberry.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/quality-free-fonts/appleberry-fresh-free-fonts-2011.jpg" border="0" alt="Appleberry-fresh-free-fonts-2011" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/fresh-beautiful-free-premium-fonts/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>The Secret Of Successful Minimal Font Usage</title>
		<link>http://www.1stwebdesigner.com/inspiration/the-secret-of-successful-minimal-font-usage/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/the-secret-of-successful-minimal-font-usage/#comments</comments>
		<pubDate>Fri, 11 Mar 2011 10:00:39 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[secret]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=42227</guid>
		<description><![CDATA[Minimal fonts can awesomely enhance any artwork if used properly. You can see more and more websites using minimal fonts in their designs. Personally I love the neat look of bold minimal font in a minimal design. In this article you&#8217;re going to find some tips together with stunning examples to learn more about minimal [...]]]></description>
			<content:encoded><![CDATA[<p>Minimal fonts can awesomely enhance any artwork if used properly. You can see more and more websites using minimal fonts in their designs. Personally I love the neat look of bold minimal font in a minimal design. In this article you&#8217;re going to find some tips together with stunning examples to learn more about minimal font usage in web design. While minimalism seems easy &#8211; it really isn&#8217;t,  it takes great skill to come up with something clean, professional and unique at the same time! Let&#8217;s jump into art of minimal fonts?<span id="more-42227"></span></p>
<h3>Bigger Is Better</h3>
<p>Since minimal fonts are rather slight you&#8217;ll have to use bigger font sizes in order to make your text visible and easy to read. Try to avoid using a font size lower than 14 points. Big and bold minimal serif fonts usually look awesome in headers and plain backgrounds. Large minimal headlines add an interactive look and accent to  minimal designs.</p>
<p><a href="http://fajnechlopaki.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/fajne-chlopaki-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Fajne-chlopaki-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://fajnechlopaki.com/">Fajne Chlopaki</a> uses huge headlines in his website&#8217;s header. The site has a clean and minimal style and these large fonts add a creative look to, and complete, the design.</p>
<h3>Contrast</h3>
<p>If you&#8217;re using minimal fonts be sure not to lose contrast. Try to implement light fonts on a dark background or vice versa. Stronger contrast will make your text easier to read since minimal fonts tend to blend into the background if the contrast is to low. Strong contrast will also enhance the whole look and make the fonts really stand out.</p>
<p><a href="http://www.visualboxsite.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/visual-box-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Visual-box-minimal-fonts-use-web-design-tips" /></a></p>
<p>The <a href="http://www.visualboxsite.com/">Visualbox</a> site has a dark background and they&#8217;re using white fonts for titles. They&#8217;re also using a large font size so the text is very noticeable. These minimal style titles also add a little accent to the design.</p>
<h3>Keep It Minimal</h3>
<p>Minimal fonts are for minimal usage. They&#8217;re neat when used sparingly and in the right situation, though they can look unrefined and clash if you clutter them and use inappropriately. Minimal fonts won&#8217;t look good in visually heavy designs. Less is more – they will look great in minimal designs with a lot of white space and few details.</p>
<p><a href="http://www.goslingo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/goslingo-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Goslingo-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.goslingo.com/">Oliver James Cosling&#8217;s</a> portfolio has a clean and minimal look. He&#8217;s using a large minimal font for the title and a smaller one for navigation. These fonts look strong and neat and they complement the design excellently.</p>
<h3>Limit Your Fonts</h3>
<p>Different type of fonts tend to conflict with each other and create a mess within your design. It&#8217;s especially true when talking about minimal fonts. Accurate use of fonts can add the right flair and character to your design. Using a select few however will help maintain a consistent look. Two to three fonts is usually good, of course, you can use more however you&#8217;ll have to be careful that they don&#8217;t cause visual noise.</p>
<p><a href="http://www.adoreyou.se/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/adoreyou-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Adoreyou-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.adoreyou.se/">Adoreyou</a> is an excellent example of effective use of minimal fonts. The site itself is a consistent, well-designed minimal style website. They&#8217;re using one minimal font for navigation and another one for the titles. The fonts are perfectly implemented into the design, they&#8217;re suitable and engaging at the same time.</p>
<h3>Examples</h3>
<p>Below you&#8217;ll find some stunning examples of minimal font use in web design. Each example is unique so you can see how a wide range of minimal fonts can be used. Check out these examples to learn how to implement minimal fonts effectively.</p>
<p>1. <a href="http://eclectiquedesigns.com/">Elactique Designs</a></p>
<p><a href="http://eclectiquedesigns.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/electique-designs-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Electique-designs-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://eclectiquedesigns.com/"> </a></p>
<p><a href="http://eclectiquedesigns.com/"></a></p>
<p>2. <a href="http://www.impala-webstudio.fr/">Impala Web Studio</a></p>
<p><a href="http://www.impala-webstudio.fr/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/impala-studio-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Impala-studio-minimal-fonts-use-web-design-tips" /></a></p>
<p>3. <a href="http://joshsender.com/">Josh Sender</a></p>
<p><a href="http://joshsender.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/iosh-sender-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Iosh-sender-minimal-fonts-use-web-design-tips" /></a></p>
<p>4. <a href="http://kennysaunders.com/">Kenny Saunders</a></p>
<p><a href="http://kennysaunders.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/kenny-saunders-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Kenny-saunders-minimal-fonts-use-web-design-tips" /></a></p>
<p>5. <a href="http://www.studioluma.it/">Studio Luma</a></p>
<p><a href="http://www.studioluma.it/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/studio-luma-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Studio-luma-minimal-fonts-use-web-design-tips" /></a></p>
<p>5. <a href="http://www.teixido.co/">Teixido</a></p>
<p><a href="http://www.teixido.co/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/teixido-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Teixido-minimal-fonts-use-web-design-tips" /></a></p>
<p>6. <a href="http://www.myfavoritething.it/">My Favourite Thing</a></p>
<p><a href="http://www.myfavoritething.it/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/my-favourite-thing-minimal-fonts-use-web-design-tips.jpg" border="0" alt="My-favourite-thing-minimal-fonts-use-web-design-tips" /></a></p>
<p>7. <a href="http://www.samweb.com.br/">Samweb</a></p>
<p><a href="http://www.samweb.com.br/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/samweb-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Samweb-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.samweb.com.br/"> </a></p>
<p><a href="http://www.samweb.com.br/"></a></p>
<p>8. <a href="http://www.gilesrevell.com/">Giles Revell</a></p>
<p><a href="http://www.gilesrevell.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/giles-revell-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Giles-revell-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.gilesrevell.com/"> </a></p>
<p><a href="http://www.gilesrevell.com/"></a></p>
<p>9. <a href="http://www.doublenaut.com/">Doublenaut</a></p>
<p><a href="http://www.doublenaut.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/doublenaut-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Doublenaut-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.doublenaut.com/"> </a></p>
<p><a href="http://www.doublenaut.com/"></a></p>
<p>10. <a href="http://efingo.com/">Efingo</a></p>
<p><a href="http://efingo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/efingo-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Efingo-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://efingo.com/"> </a></p>
<p><a href="http://efingo.com/"></a></p>
<h3>Fonts</h3>
<p>I&#8217;ve also collected some nifty, good-looking fonts for you to start enhancing your designs.</p>
<h3>1. <a href="http://www.fontsquirrel.com/fonts/District-Thin">District Thin</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/District-Thin"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/disctrict-thin-free-fonts-minimal-web-design.jpg" border="0" alt="Disctrict-thin-free-fonts-minimal-web-design" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/District-Thin"> </a></p>
<p><a href="http://www.fontsquirrel.com/fonts/District-Thin"></a></p>
<h3>2. <a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor">Tex Gyre Adventor</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/tex-gyre-adventor-free-fonts-minimal-web-design.jpg" border="0" alt="Tex-gyre-adventor-free-fonts-minimal-web-design" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor"> </a></p>
<p><a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor"></a></p>
<h3>3. <a href="http://www.fontsquirrel.com/fonts/Cicle">Cicle</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/Cicle"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/cicle-free-fonts-minimal-web-design.jpg" border="0" alt="Cicle-free-fonts-minimal-web-design" /></a></p>
<h3>4. <a href="http://typethefont.com/post/550992450">Sertig</a></h3>
<p><a href="http://typethefont.com/post/550992450"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/sertig-free-fonts-minimal-web-design.jpg" border="0" alt="Sertig-free-fonts-minimal-web-design" /></a></p>
<p><a href="http://typethefont.com/post/550992450"> </a></p>
<p><a href="http://typethefont.com/post/550992450"></a><br />
Minimal Fonts in Web Design: Tips and Inspiration</p>
<h3>5. <a href="http://www.yanone.de/typedesign/kaffeesatz/">Yanone Kaffeesatz</a></h3>
<p><a href="http://www.yanone.de/typedesign/kaffeesatz/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/yanone-kaffeesatz-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Yanone-kaffeesatz-minimal-fonts-use-web-design-tips" /></a></p>
<p><a href="http://www.yanone.de/typedesign/kaffeesatz/"> </a></p>
<p><a href="http://www.yanone.de/typedesign/kaffeesatz/"></a></p>
<h3>6. <a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo">Hattori Hanzo</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/hatorri-hanzo-free-fonts-minimal-web-design.jpg" border="0" alt="Hatorri-hanzo-free-fonts-minimal-web-design" /></a></p>
<p><a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo"> </a></p>
<p><a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo"></a></p>
<h3>7. <a href="http://inquietto.deviantart.com/art/Extravaganzza-font-114433123">Extravaganzza</a></h3>
<p><a href="http://inquietto.deviantart.com/art/Extravaganzza-font-114433123"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/extravaganzza-free-fonts-minimal-web-design.jpg" border="0" alt="Extravaganzza-free-fonts-minimal-web-design" /></a></p>
<h3>8. <a href="http://www.fontsquirrel.com/fonts/Tuffy">Tuffy</a></h3>
<p><a href="http://www.fontsquirrel.com/fonts/Tuffy"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/tuffy-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Tuffy-minimal-fonts-use-web-design-tips" /></a></p>
<h3>9. <a href="http://www.fontspace.com/blue-vinyl/print-clearly">Print Clearly</a></h3>
<p><a href="http://www.fontspace.com/blue-vinyl/print-clearly"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/print-clearly-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Print-clearly-minimal-fonts-use-web-design-tips" /></a></p>
<h3>10. <a href="http://www.campivisivi.net/titillium/?page_id=2">Titillium</a></h3>
<p><a href="http://www.campivisivi.net/titillium/?page_id=2"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/minimal-fonts/titillium-minimal-fonts-use-web-design-tips.jpg" border="0" alt="Titillium-minimal-fonts-use-web-design-tips" /></a></p>
<h3>Conclusion</h3>
<p>I hope you learned something new from these tips and found the examples useful. Remember that minimal fonts are mainly for minimal usage. Don&#8217;t exaggerate, though feel free to experiment and achieve new looks. Minimal fonts are subtle but they have a personality which can bring your designs to a whole new level.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/the-secret-of-successful-minimal-font-usage/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>40 Excellent Free Fonts For Minimal Web Design Creation</title>
		<link>http://www.1stwebdesigner.com/freebies/minimal-web-design-fonts/</link>
		<comments>http://www.1stwebdesigner.com/freebies/minimal-web-design-fonts/#comments</comments>
		<pubDate>Sun, 26 Sep 2010 10:00:57 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[minimal]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=26498</guid>
		<description><![CDATA[Minimal web design has become a big trend in 2010. You won’t find large pictures or glossy buttons in minimal designs, but fonts are some of those rare accents they can have. Carefully chosen fonts can really enhance your design. Usually minimal web designs tend to have clean, light fonts, but not always it’s the best solution. [...]]]></description>
			<content:encoded><![CDATA[<p>Minimal web design has become a big trend in 2010. You won’t find large pictures or glossy buttons in minimal designs, but fonts are some of those rare accents they can have. Carefully chosen fonts can really enhance your design. Usually minimal web designs tend to have clean, light fonts, but not always it’s the best solution. You can, instead, pick a nice bold font to give your design a niche. That’s not true that you have to pay for the good-looking fonts.</p>
<p>There are plenty of free, great looking fonts around the web. In this article you’re going to find 40 clean, crisp and, of course, free fonts for your minimal web design.<span id="more-26498"></span></p>
<h2>1. <a href="http://www.theleagueofmoveabletype.com/fonts/14-raleway" target="_blank">Raleway</a></h2>
<p><a href="http://www.theleagueofmoveabletype.com/fonts/14-raleway"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/raleway-free-fonts-minimal-web-design.jpg" border="0" alt="Raleway-free-fonts-minimal-web-design" /></a></p>
<h2>2. <a href="http://inquietto.deviantart.com/art/Extravaganzza-font-114433123" target="_blank">Extravaganzza</a></h2>
<p><a href="http://inquietto.deviantart.com/art/Extravaganzza-font-114433123"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/extravaganzza-free-fonts-minimal-web-design.jpg" border="0" alt="Extravaganzza-free-fonts-minimal-web-design" /></a></p>
<h2>3. <a href="http://www.nymfont.com/2009/06/new-caviar-dreams-font.html" target="_blank">Caviar Dreams</a></h2>
<p><a href="http://www.nymfont.com/2009/06/new-caviar-dreams-font.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/caviar-dreams-free-fonts-minimal-web-design.jpg" border="0" alt="Caviar-dreams-free-fonts-minimal-web-design" /></a></p>
<h2>4. <a href="http://www.glashaus-design.com/" target="_blank">Lacuna</a></h2>
<p><a href="http://www.glashaus-design.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/lacuna-free-fonts-minimal-web-design.jpg" border="0" alt="Lacuna-free-fonts-minimal-web-design" /></a></p>
<h2>5. <a href="http://www.theleagueofmoveabletype.com/fonts/1-junction" target="_blank">Junction</a></h2>
<p><a href="http://www.theleagueofmoveabletype.com/fonts/1-junction"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/junction-free-fonts-minimal-web-design.jpg" border="0" alt="Junction-free-fonts-minimal-web-design" /></a></p>
<h2>6. <a href="http://www.josbuivenga.demon.nl/delicious.html" target="_blank">Delicious</a></h2>
<p><a href="http://www.josbuivenga.demon.nl/delicious.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/delicious-free-fonts-minimal-web-design.jpg" border="0" alt="Delicious-free-fonts-minimal-web-design" /></a></p>
<h2>7. <a href="http://www.urbanfonts.com/fonts/Danube.htm" target="_blank">Danube</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/Danube.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/danube-free-fonts-minimal-web-design.jpg" border="0" alt="Danube-free-fonts-minimal-web-design" /></a></p>
<h2>8. <a href="http://www.fontspring.com/fonts/typodermic/gnuolane" target="_blank">Gnuolane</a></h2>
<p><a href="http://www.fontspring.com/fonts/typodermic/gnuolane"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/gnuolane-free-fonts-minimal-web-design.jpg" border="0" alt="Gnuolane-free-fonts-minimal-web-design" /></a></p>
<h2>9. <a href="http://www.fontspring.com/fonts/typodermic/expressway" target="_blank">Expressway</a></h2>
<p><a href="http://www.fontspring.com/fonts/typodermic/expressway"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/express-way-free-fonts-minimal-web-design.jpg" border="0" alt="Express-way-free-fonts-minimal-web-design" /></a></p>
<h2>10. <a href="http://www.fontsquirrel.com/fonts/Cicle" target="_blank">Cicle</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Cicle"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/cicle-free-fonts-minimal-web-design.jpg" border="0" alt="Cicle-free-fonts-minimal-web-design" /></a></p>
<h2>11. <a href="http://typethefont.com/post/550992450/sertig-free-font" target="_blank">Sertig</a></h2>
<p><a href="http://typethefont.com/post/550992450/sertig-free-font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/sertig-free-fonts-minimal-web-design.jpg" border="0" alt="Sertig-free-fonts-minimal-web-design" /></a></p>
<h2>12. <a href="http://www.fontsquirrel.com/fonts/Mido" target="_blank">Mido</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Mido"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/mido-free-fonts-minimal-web-design.jpg" border="0" alt="Mido-free-fonts-minimal-web-design" /></a></p>
<h2>13. <a href="http://www.searchfreefonts.com/free/metro.htm" target="_blank">Metro Normal</a></h2>
<p><a href="http://www.searchfreefonts.com/free/metro.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/metro-normal-free-fonts-minimal-web-design.jpg" border="0" alt="Metro-normal-free-fonts-minimal-web-design" /></a></p>
<h2>14. <a href="http://www.fontsquirrel.com/fonts/Colaborate" target="_blank">Colaborate</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Colaborate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/colaborate-free-fonts-minimal-web-design.jpg" border="0" alt="Colaborate-free-fonts-minimal-web-design" /></a></p>
<h2>15. <a href="http://www.fontsquirrel.com/fonts/Quicksand" target="_blank">Quicksand</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Quicksand"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/quick-sand-free-fonts-minimal-web-design.jpg" border="0" alt="Quick-sand-free-fonts-minimal-web-design" /></a></p>
<h2>16. <a href="http://www.fontsquirrel.com/fonts/PT-Sans" target="_blank">PT Sans</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/PT-Sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/pt-sans-free-fonts-minimal-web-design.jpg" border="0" alt="Pt-sans-free-fonts-minimal-web-design" /></a></p>
<h2>17. <a href="http://www.fontsquirrel.com/fonts/Walkway" target="_blank">Walkway</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Walkway"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/walkway-free-fonts-minimal-web-design.jpg" border="0" alt="Walkway-free-fonts-minimal-web-design" /></a></p>
<h2>18. <a href="http://www.fontsquirrel.com/fonts/Cantarell" target="_blank">Cantarell</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Cantarell"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/cantarell-free-fonts-minimal-web-design.jpg" border="0" alt="Cantarell-free-fonts-minimal-web-design" /></a></p>
<h2>19. <a href="http://www.fontsquirrel.com/fonts/Josefin" target="_blank">Josefin Sans STD</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Josefin"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/josefin-sans-free-fonts-minimal-web-design.jpg" border="0" alt="Josefin-sans-free-fonts-minimal-web-design" /></a></p>
<h2>20. <a href="http://www.fontsquirrel.com/fonts/Molengo" target="_blank">Molengo</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Molengo"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/molengo-free-fonts-minimal-web-design.jpg" border="0" alt="Molengo-free-fonts-minimal-web-design" /></a></p>
<h2>21. <a href="http://www.fontsquirrel.com/fonts/Mentone" target="_blank">Mentone</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Mentone"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/mentone-free-fonts-minimal-web-design.jpg" border="0" alt="Mentone-free-fonts-minimal-web-design" /></a></p>
<h2>22. <a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo" target="_blank">Hattori Hanzo</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Hattori-Hanzo"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/hatorri-hanzo-free-fonts-minimal-web-design.jpg" border="0" alt="Hatorri-hanzo-free-fonts-minimal-web-design" /></a></p>
<h2>23. <a href="http://abouth-randy-orton.deviantart.com/art/EMILY-OSMENT-FONT-175993206" target="_blank">Emily Osment Font</a></h2>
<p><a href="http://abouth-randy-orton.deviantart.com/art/EMILY-OSMENT-FONT-175993206"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/emily-osment-free-fonts-minimal-web-design.jpg" border="0" alt="Emily-osment-free-fonts-minimal-web-design" /></a></p>
<h2>24. <a href="http://www.fontspring.com/fonts/dizajndesign/dezen-pro" target="_blank">Dezen Pro</a></h2>
<p><a href="http://www.fontspring.com/fonts/dizajndesign/dezen-pro"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/dezen-pro-free-fonts-minimal-web-design.jpg" border="0" alt="Dezen-pro-free-fonts-minimal-web-design" /></a></p>
<h2>25. <a href="http://www.fontsquirrel.com/fonts/Tuffy" target="_blank">Tuffy</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Tuffy"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/tuffy-free-fonts-minimal-web-design.jpg" border="0" alt="Tuffy-free-fonts-minimal-web-design" /></a></p>
<h2>26. <a href="http://www.fontspring.com/fonts/tk-type/otari" target="_blank">Otari</a></h2>
<p><a href="http://www.fontspring.com/fonts/tk-type/otari"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/cotari-free-fonts-minimal-web-design.jpg" border="0" alt="Cotari-free-fonts-minimal-web-design" /></a></p>
<h2>27. <a href="http://www.fontsquirrel.com/fonts/District-Thin" target="_blank">District Thin</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/District-Thin"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/disctrict-thin-free-fonts-minimal-web-design.jpg" border="0" alt="Disctrict-thin-free-fonts-minimal-web-design" /></a></p>
<h2>28. <a href="http://www.fontsquirrel.com/fonts/Aaargh" target="_blank">Aaargh</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Aaargh"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/aaargh-free-fonts-minimal-web-design.jpg" border="0" alt="Aaargh-free-fonts-minimal-web-design" /></a></p>
<h2>29. <a href="http://www.dafont.com/sansation.font" target="_blank">Sansation</a></h2>
<p><a href="http://www.dafont.com/sansation.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/sansation-free-fonts-minimal-web-design.jpg" border="0" alt="Sansation-free-fonts-minimal-web-design" /></a></p>
<h2>30. <a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor" target="_blank">Tex Gyre Adventor</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/tex-gyre-adventor-free-fonts-minimal-web-design.jpg" border="0" alt="Tex-gyre-adventor-free-fonts-minimal-web-design" /></a></p>
<h2>31. <a href="http://www.dafont.com/yorkville.font" target="_blank">Yorkville</a></h2>
<p><a href="http://www.dafont.com/yorkville.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/yorkville-free-fonts-minimal-web-design.jpg" border="0" alt="Yorkville-free-fonts-minimal-web-design" /></a></p>
<h2>32. <a href="http://ficod.deviantart.com/art/telegrafico-65509498" target="_blank">Telegrafico</a></h2>
<p><a href="http://ficod.deviantart.com/art/telegrafico-65509498"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/telegrafico-free-fonts-minimal-web-design.jpg" border="0" alt="Telegrafico-free-fonts-minimal-web-design" /></a></p>
<h2>33. <a href="http://www.urbanfonts.com/fonts/Opal.htm" target="_blank">Opal</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/Opal.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/opal-free-fonts-minimal-web-design.jpg" border="0" alt="Opal-free-fonts-minimal-web-design" /></a></p>
<h2>34. <a href="http://www.urbanfonts.com/fonts/Decker.htm" target="_blank">Decker</a></h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/decker-free-fonts-minimal-web-design.jpg" border="0" alt="Decker-free-fonts-minimal-web-design" /></p>
<h2>35. <a href="http://www.fontsquirrel.com/fonts/DISCO" target="_blank">Disco</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/DISCO"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/disco-free-fonts-minimal-web-design.jpg" border="0" alt="Disco-free-fonts-minimal-web-design" /></a></p>
<h2>36. <a href="http://mef.deviantart.com/art/Apogee-Rounded-Sans-Beta-109719847" target="_blank">Apogee</a></h2>
<p><a href="http://mef.deviantart.com/art/Apogee-Rounded-Sans-Beta-109719847"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/apogee-free-fonts-minimal-web-design.jpg" border="0" alt="Apogee-free-fonts-minimal-web-design" /></a></p>
<h2>37. <a href="http://www.dafont.com/circula.font" target="_blank">Circula</a></h2>
<p><a href="http://www.dafont.com/circula.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/circula-free-fonts-minimal-web-design.jpg" border="0" alt="Circula-free-fonts-minimal-web-design" /></a></p>
<h2>38. <a href="http://www.dafont.com/jalane-light.font" target="_blank">Jalane Light</a></h2>
<p><a href="http://www.dafont.com/jalane-light.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/jalane-light-free-fonts-minimal-web-design.jpg" border="0" alt="Jalane-light-free-fonts-minimal-web-design" /></a></p>
<h2>39. <a href="http://www.fontsquirrel.com/fonts/Franchise" target="_blank">Franchise</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Franchise"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/franchise-free-fonts-minimal-web-design.jpg" border="0" alt="Franchise-free-fonts-minimal-web-design" /></a></p>
<h2>40. <a href="http://www.fontsquirrel.com/fonts/DejaVu-Sans" target="_blank">Dejavu Sans</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/DejaVu-Sans"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/09/minimal-fonts/deja-vu-sans-free-fonts-minimal-web-design.jpg" border="0" alt="Deja-vu-sans-free-fonts-minimal-web-design" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/minimal-web-design-fonts/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>40 Awesome Free Fonts for Big Headlines</title>
		<link>http://www.1stwebdesigner.com/freebies/fonts-big-headlines/</link>
		<comments>http://www.1stwebdesigner.com/freebies/fonts-big-headlines/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 10:00:05 +0000</pubDate>
		<dc:creator>Ahmad Hania</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[Headlines]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=20854</guid>
		<description><![CDATA[When you are designing a website, brochure or even an advertisement it is very hard to find a big, clear, beautiful and effective fonts to use in your headlines. In this article I compiled a list of 23 free big fonts that are perfect for big headlines. These fonts can make a very beautiful touch [...]]]></description>
			<content:encoded><![CDATA[<p><a title="24 Free Fonts for Big Headlines" href="http://www.1stwebdesigner.com/resources/fonts-big-headlines/"><img class="alignleft size-full wp-image-20882" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/free-fonts-for-big-headlines.jpg" alt="24 Free Fonts for Big Headlines" width="150" height="150" /></a>When you are designing a website, brochure or even an advertisement it is very hard to find a big, clear, beautiful and effective fonts to use in your headlines. In this article I compiled a list of 23 free big fonts that are perfect for big headlines. These fonts can make a very beautiful touch on any design if used properly.</p>
<p><span id="more-20854"></span></p>
<h2>1. <a href="http://www.dafont.com/franchise.font">Franchise</a></h2>
<p><a href="http://www.dafont.com/franchise.font"><img class="aligncenter size-full wp-image-20855" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Franchise1.gif" alt="" width="500" height="382" /></a><a href="http://www.dafont.com/franchise.font"><img class="aligncenter size-full wp-image-20856" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Franchise2.gif" alt="" width="500" height="252" /></a></p>
<h2>2. <a href="http://www.tenbytwenty.com/products/typefaces/nevis">Nevis</a></h2>
<p><a href="http://www.tenbytwenty.com/products/typefaces/nevis"><img class="aligncenter size-full wp-image-20857" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/main_nevis.gif" alt="" width="545" height="639" /></a></p>
<h2>3. <a href="http://moorstation.org/typoasis/designers/klein04/text/sansfat.htm">SansFat</a></h2>
<p><a href="http://moorstation.org/typoasis/designers/klein04/text/sansfat.htm"><img class="aligncenter size-full wp-image-20858" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/SansFat.jpg" alt="" width="407" height="297" /></a></p>
<h2>4. <a href="http://www.squaregear.net/fonts/hitroad.shtml">Hit the Road</a></h2>
<p><a href="http://www.squaregear.net/fonts/hitroad.shtml"><img class="aligncenter size-full wp-image-20859" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/hit_the_road0.jpg" alt="" width="500" height="418" /></a></p>
<h2>5. <a href="http://www.josbuivenga.demon.nl/museo.html">MUSEO</a></h2>
<p><a href="http://www.josbuivenga.demon.nl/museo.html"><img class="aligncenter size-full wp-image-20860" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/museo_12.gif" alt="" width="550" height="265" /></a></p>
<h2>6. <a href="http://www.josbuivenga.demon.nl/museoslab.html">Museo Slab</a></h2>
<p><a href="http://www.josbuivenga.demon.nl/museoslab.html"><img class="aligncenter size-full wp-image-20861" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/museo_slab_1.gif" alt="" width="550" height="265" /></a></p>
<h2>7. <a href="http://www.dafont.com/mabella.font">Mabella</a></h2>
<p><a href="http://www.dafont.com/mabella.font"><img class="aligncenter size-full wp-image-20862" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/mabella0.jpg" alt="" width="500" height="425" /></a></p>
<h2>8. <a href="http://www.dafont.com/qhytsdakx.font">Qhytsdakx</a></h2>
<p><a href="http://www.dafont.com/qhytsdakx.font"><img class="aligncenter size-full wp-image-20863" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/qhytsdakx0.jpg" alt="" width="500" height="418" /></a></p>
<h2>9. <a href="http://www.urbanfonts.com/fonts/Bitsumishi.htm">Bitsumishi</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/Bitsumishi.htm"><img class="aligncenter size-full wp-image-20865" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Bitsumishi.png" alt="" width="500" height="172" /></a></p>
<h2>10. <a href="http://www.fontsquirrel.com/fonts/Molot">Molot</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Molot"><img class="aligncenter size-full wp-image-20866" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Molot.png" alt="" width="500" height="274" /></a></p>
<h2>11. <a href="http://www.fontsquirrel.com/fonts/bebas-neue">Bebas Neue</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/bebas-neue"><img class="aligncenter size-full wp-image-20867" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Bebas-Neue.png" alt="" width="500" height="346" /></a></p>
<h2>12. <a href="http://www.fontsquirrel.com/fonts/Days">Days</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Days"><img class="aligncenter size-full wp-image-20868" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Days.png" alt="" width="500" height="563" /></a></p>
<h2>13. <a href="http://www.fontsquirrel.com/fonts/Capricorn-OSF">Capricorn</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/Capricorn-OSF"><img class="aligncenter size-full wp-image-20869" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Capricorn.png" alt="" width="500" height="350" /></a></p>
<h2>14. <a href="http://www.theleagueofmoveabletype.com/fonts/7-league-gothic">League Gothic</a></h2>
<p><a href="http://www.theleagueofmoveabletype.com/fonts/7-league-gothic"><img class="aligncenter size-full wp-image-20870" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/League-Gothic.jpg" alt="" width="500" height="549" /></a></p>
<h2>15. <a href="http://www.theleagueofmoveabletype.com/fonts/12-orbitron">Orbitron</a></h2>
<p><a href="http://www.theleagueofmoveabletype.com/fonts/12-orbitron"><img class="aligncenter size-full wp-image-20871" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Orbitron.jpg" alt="" width="500" height="183" /></a></p>
<h2>16. <a href="http://jelloween.deviantart.com/art/Font-AMBROSIA-demo-39421709">Ambrosia</a></h2>
<p><a href="http://jelloween.deviantart.com/art/Font-AMBROSIA-demo-39421709"><img class="aligncenter size-full wp-image-20872" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Font__AMBROSIA___demo_by_jelloween.png" alt="" width="500" height="224" /></a></p>
<h2>17. <a href="http://bigyellowbiohazard.deviantart.com/art/Gayatri-134611015">Gayatri</a></h2>
<p><a href="http://bigyellowbiohazard.deviantart.com/art/Gayatri-134611015"><img class="aligncenter size-full wp-image-20873" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Gayatri_by_BigYellowBiohazard.jpg" alt="" width="500" height="500" /></a></p>
<h2>18. <a href="http://ficod.deviantart.com/art/telegrafico-65509498">telegrafico</a></h2>
<p><a href="http://ficod.deviantart.com/art/telegrafico-65509498"><img class="aligncenter size-full wp-image-20874" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/telegrafico_by_ficod.jpg" alt="" width="500" height="500" /></a></p>
<h2>19. <a href="http://gravemandesign.deviantart.com/art/Can-Can-de-Bois-15607438">Can-Can de Bois</a></h2>
<p><a href="http://gravemandesign.deviantart.com/art/Can-Can-de-Bois-15607438"><img class="aligncenter size-full wp-image-20875" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Can_Can_de_Bois_Poster_by_gravemandesign.jpg" alt="" width="400" height="480" /></a></p>
<h2>20. <a href="http://dannci.deviantart.com/art/Sertig-Free-Font-162037602">Sertig</a></h2>
<p><a href="http://dannci.deviantart.com/art/Sertig-Free-Font-162037602"><img class="aligncenter size-full wp-image-20876" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Sertig___Free_Font_by_Dannci.jpg" alt="" width="500" height="313" /></a></p>
<h2>21. <a href="http://dannci.deviantart.com/art/Gabo-Free-Elegant-Font-157988169">Gabo</a></h2>
<p><a href="http://dannci.deviantart.com/art/Gabo-Free-Elegant-Font-157988169"><img class="aligncenter size-full wp-image-20877" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Gabo___Free_Elegant_Font_by_Dannci.jpg" alt="" width="500" height="313" /></a></p>
<h2>22. <a href="http://www.behance.net/Gallery/Kilogram/414472">Kilogram</a></h2>
<p><a href="http://www.behance.net/Gallery/Kilogram/414472"><img class="aligncenter size-full wp-image-20878" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/891661265488257.jpg" alt="" width="500" height="305" /></a></p>
<h2>23. <a href="http://bigyellowbiohazard.deviantart.com/art/Caprica-134191349">Caprica</a></h2>
<p><a href="http://bigyellowbiohazard.deviantart.com/art/Caprica-134191349"><img class="aligncenter size-full wp-image-20879" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Caprica_by_BigYellowBiohazard.jpg" alt="" width="500" height="343" /></a></p>
<h2>24. <a href="http://fontfabric.com/code-free-font-3/">Code Free</a></h2>
<p><a href="http://fontfabric.com/code-free-font-3/"><img class="aligncenter size-full wp-image-20880" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/codefreefont02.png" alt="" width="500" height="630" /></a></p>
<h2>25. <a href="http://www.dafont.com/coolvetica.font">Coolvetica</a></h2>
<p><a href="http://www.dafont.com/coolvetica.font"><img class="aligncenter size-full wp-image-21147" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/23980.jpg" alt="" width="500" height="250" /></a></p>
<h2>26. <a href="http://fontfabric.com/age-free-font/">Age</a></h2>
<p><a href="http://fontfabric.com/age-free-font/"><img class="aligncenter size-full wp-image-21148" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/age01.gif" alt="" width="499" height="212" /></a></p>
<h2>27. <a href="http://fontfabric.com/lot-free-font/">LOT</a></h2>
<p><a href="http://fontfabric.com/lot-free-font/"><img class="aligncenter size-full wp-image-21149" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/4152882010_f2f0617cf6_o.jpg" alt="" width="500" height="418" /></a></p>
<h2>28. <a href="http://www.fontspace.com/reference-type-foundry/headlinenews">HeadlineNEWS</a></h2>
<p><a href="http://www.fontspace.com/reference-type-foundry/headlinenews"><img class="aligncenter size-full wp-image-21150" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/4d2ccc3a27c9436d1ea0b2a3a8e4daa2.png" alt="" width="500" height="236" /></a></p>
<h2>29. <a href="http://www.fontspace.com/luke-owens/oregon-ldo">Oregon LDO</a></h2>
<p><a href="http://www.fontspace.com/luke-owens/oregon-ldo"><img class="aligncenter size-full wp-image-21151" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/538e02b215857583fc0be3a456ff70c0.png" alt="" width="472" height="350" /></a></p>
<h2>30. <a href="http://www.fontspace.com/arro/ferrum">Ferrum</a></h2>
<p><a href="http://www.fontspace.com/arro/ferrum"><img class="aligncenter size-full wp-image-21152" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/ferrum.jpg" alt="" width="500" height="319" /></a></p>
<h2>31. <a href="http://www.fontspace.com/digital-graphics-labs/title-wave">Title Wave</a></h2>
<p><a href="http://www.fontspace.com/digital-graphics-labs/title-wave"><img class="aligncenter size-full wp-image-21153" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/title-wave.png" alt="" width="500" height="247" /></a></p>
<h2>32. <a href="http://www.fontspace.com/john-singer/tymeslittlecaps">TymesLittleCaps</a></h2>
<p><a href="http://www.fontspace.com/john-singer/tymeslittlecaps"><img class="aligncenter size-full wp-image-21154" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/tymeslittlecaps.png" alt="" width="500" height="278" /></a></p>
<h2>33. <a href="http://www.fontspace.com/justme54s/academic-m54">Academic M54</a></h2>
<p><a href="http://www.fontspace.com/justme54s/academic-m54"><img class="aligncenter size-full wp-image-21155" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Academic-M54.png" alt="" width="500" height="267" /></a></p>
<h2>34. <a href="http://www.fontspace.com/last-soundtrack/unbreakable">UNbreakABLE</a></h2>
<p><a href="http://www.fontspace.com/last-soundtrack/unbreakable"><img class="aligncenter size-full wp-image-21156" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/UNbreakABLE.gif" alt="" width="500" height="333" /></a></p>
<h2>35. <a href="http://www.k-type.com/?p=1551">Excite</a></h2>
<p><a href="http://www.k-type.com/?p=1551"><img class="aligncenter size-full wp-image-21157" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Excite.gif" alt="" width="500" height="331" /></a></p>
<h2>36. <a href="http://www.fontspace.com/marc-clancy/powdah">Powdah</a></h2>
<p><a href="http://www.fontspace.com/marc-clancy/powdah"><img class="aligncenter size-full wp-image-21158" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Powdah.jpg" alt="" width="518" height="320" /></a></p>
<h2>37. <a href="http://www.fontspace.com/clearlight/clearwerkkraftremix">Clearwerkkraftremix</a></h2>
<p><a href="http://www.fontspace.com/clearlight/clearwerkkraftremix"><img class="aligncenter size-full wp-image-21159" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Clearwerkkraftremix.png" alt="" width="500" height="266" /></a></p>
<h2>38. <a href="http://www.fontsquirrel.com/fonts/laconic">Laconic</a></h2>
<p><a href="http://www.fontsquirrel.com/fonts/laconic"><img class="aligncenter size-full wp-image-21160" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Laconic.jpg" alt="" width="500" height="239" /></a></p>
<h2>39. <a href="http://www.josbuivenga.demon.nl/calluna.html">Calluna</a></h2>
<p><a href="http://www.josbuivenga.demon.nl/calluna.html"><img class="aligncenter size-full wp-image-21161" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/Calluna.jpg" alt="" width="500" height="214" /></a></p>
<h2>40. <a href="http://www.dafont.com/4th-and-inches.font">4th and Inches</a></h2>
<p><a href="http://www.dafont.com/4th-and-inches.font"><img class="aligncenter size-full wp-image-21162" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/4th-and-Inches.jpg" alt="" width="500" height="239" /></a></p>
<div style="width: 1px; height: 1px; overflow: hidden;">
<h1 class="inline white">Clearwerkkraftremix</h1>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/fonts-big-headlines/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Learn the Basics: 25+ Sites And Resources To Learn Typography</title>
		<link>http://www.1stwebdesigner.com/freebies/learn-typography/</link>
		<comments>http://www.1stwebdesigner.com/freebies/learn-typography/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 10:00:02 +0000</pubDate>
		<dc:creator>Ari Suardiyanti</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Basics]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=19710</guid>
		<description><![CDATA[Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It&#8217;s sometimes typed using Times New Roman in 12 points for newspaper. Others use Edwardian in 26 points for their wedding invitations. When a designer decide to use the right font for the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It&#8217;s sometimes typed using Times New Roman in 12 points for newspaper. Others use Edwardian in 26 points for their wedding invitations. When a designer decide to use the right font for the right job, the typography itself become an art.</p>
<p>Learning typography seems to be easy at a glance, in order to achieve a great impact from typography for graphic and web designs isn&#8217;t so easy. Many designers found it as a complicated design aspects to practice. <span id="more-19710"></span>Below are the 25+ sites and resources we have selected to help you understanding typography basics in print or web designs, choosing the right fonts for your project, and guide you to create a good typography which aesthetically pleasing.</p>
<h3><a href="http://observin.com/2008/10/learning-about-type/">1. Learning About Type</a></h3>
<p style="text-align: center;"><a href="http://observin.com/2008/10/learning-about-type/"><img class="size-full wp-image-19733 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/112.jpg" alt="" width="480" height="208" /></a></p>
<p>There are quite a few terms thrown around with regards to typography. Hopefully this article will help you understand more about the world of typography. If this is your first true introduction to typography you probably underestimate the effect it has on the world.</p>
<h3><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography">2. Five Simple Steps to Better Typography</a></h3>
<p style="text-align: center;"><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography"><img class="size-full wp-image-19734 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/21.jpg" alt="" width="480" height="281" /></a></p>
<p style="text-align: left;">This is a series articles, each part explains deep knowledge of typography and help you to understand it more. The kind of typography in these articles is not your typ ical “What font should I use” typography but rather your “knowing your hanging punctuation from your em-dash” typography.</p>
<h3><a href="http://www.typeissexy.com/">3. Type Is Sexy</a></h3>
<p style="text-align: center;"><a href="http://www.typeissexy.com/"><img class="size-full wp-image-19736 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/3.jpg" alt="" width="480" height="284" /></a></p>
<p style="text-align: left;">This is more like an online book, but presented in interactive way. You will find basic understanding of typography from this site, from Anatomy 101 to The Rules of Good Typography.</p>
<h3><a href="http://www.istockphoto.com/article_view.php?ID=153">4. Know Your Type &#8211; Starting Points For Typographic Inspiration</a></h3>
<p style="text-align: center;"><a href="http://www.istockphoto.com/article_view.php?ID=153"><img class="size-full wp-image-19738 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/4.jpg" alt="" width="480" height="253" /></a></p>
<p style="text-align: left;">Not every typeface is the right choice for every job, this articles will help and guide you to understand and picking the right choice for different type of job or concept theme.</p>
<h3><a href="http://www.thetypestudio.com/writtenword.html">5. The Type Studio / The Written Word</a></h3>
<p style="text-align: center;"><a href="http://www.thetypestudio.com/writtenword.html"><img class="size-full wp-image-19740 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/5.jpg" alt="" width="480" height="117" /></a></p>
<p style="text-align: left;">This page offers links to a number of articles on typography, including PDF versions of archived. These cover individual typography topics in detail, for both online and offline applications (including pull-quotes, visual alignment, bullets, and emphasis, among more than 30 others).</p>
<h3><a href="http://retinart.net/typography/marksunknown">6. Typographic Marks Unknown</a></h3>
<p style="text-align: center;"><a href="http://retinart.net/typography/marksunknown"><img class="size-full wp-image-19749 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/8.jpg" alt="" width="480" height="216" /></a></p>
<p>There are many typographic marks which are familiar to most, but understood by few. Most of these glyphs have interesting histories and evolutions as they survived the beatings given to them through rushed handwriting of scribes and misuses through history. They now mostly live on our keyboards and in our software, and a few are used often, so it seems only fitting to know where they come from and how to correctly use them.</p>
<h3><a href="http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg">7. Periodic Table Of Typefaces</a></h3>
<p style="text-align: center;"><a href="http://www.squidspot.com/Periodic_Table_of_Typefaces/Periodic_Table_of_Typefaces_large.jpg"><img class="size-full wp-image-19750 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/9.jpg" alt="" width="480" height="156" /></a></p>
<p style="text-align: left;">A reference table for most popular typefaces and their classifications.</p>
<h3><a href="http://typedia.com/">8. Typedia</a></h3>
<p style="text-align: center;"><a href="http://typedia.com/"><img class="size-full wp-image-19752 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/10.jpg" alt="" width="480" height="115" /></a></p>
<p style="text-align: left;">Typedia is a resource to classify, categorize, and connect typefaces. It is a community website to classify typefaces and educate people about them, very much like a mix between IMDb and Wikipedia, but just for type. Anyone can join, add, and edit pages for typefaces or for the people behind the type.</p>
<h3><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/">9. Typographic Design Patterns and Best Practices</a></h3>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/"><img class="size-full wp-image-19753 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/113.jpg" alt="" width="480" height="234" /></a></p>
<p style="text-align: left;">This article from Smashing Magazine gives you a broad knowledge of popular typefaces used in web design, also included with some case studies and inspirations.</p>
<h3><a href="http://www.fontshop.com/blog/?cat=86">10. The Right Font for the Job</a></h3>
<p style="text-align: center;"><a href="http://www.fontshop.com/blog/?cat=86"><img class="size-full wp-image-19755 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/131.jpg" alt="" width="480" height="183" /></a></p>
<p style="text-align: left;">In this article you will find four main ways fonts can differ, even if most of their letters look the same. Save, bookmark, or print this newsletter and ask yourself these questions the next time you’re choosing type.</p>
<h3><a href="http://justcreativedesign.com/2007/12/04/how-to-choose-a-font/">11. How to Choose A Font</a></h3>
<p style="text-align: center;"><a href="http://justcreativedesign.com/2007/12/04/how-to-choose-a-font/"><img class="size-full wp-image-19758 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/141.jpg" alt="" width="480" height="216" /></a></p>
<p style="text-align: left;">Have you ever had the problem of not knowing what typeface to use? Well of course you have, everyone has. This is a guide on how to choose a font.</p>
<h3><a href="http://www.spoonfeddesign.com/11-essential-tips-for-good-print-typography">12. 11 Essential Tips for Good Print Typography</a></h3>
<p style="text-align: center;"><a href="http://www.spoonfeddesign.com/11-essential-tips-for-good-print-typography"><img class="size-full wp-image-19760 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/151.jpg" alt="" width="480" height="197" /></a></p>
<p style="text-align: left;">You can’t just throw text on a page, it has to be laid out and organized in a clean way that adds to the information being presented. This article will give you  11 typography tips to help you convey information in print the right way.</p>
<h3><a href="http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/">13. A 20 Minute Intro to Typography Basics</a></h3>
<p style="text-align: center;"><a href="http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/"><img class="size-full wp-image-19762 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/161.jpg" alt="" width="480" height="164" /></a></p>
<p style="text-align: left;">This is an introduction for you who are still new in the design field. Its aim here is to introduce some of the basics and the most common areas of typography that will be important in your design work.</p>
<p style="text-align: left;">&nbsp;</p>
<h3><a href="http://www.fontshop.com/blog/?p=2436">14. Fundamentals: Combining Type With Helvetica</a></h3>
<p style="text-align: center;"><a href="http://www.fontshop.com/blog/?p=2436"><img class="size-full wp-image-19763 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/171.jpg" alt="" width="480" height="133" /></a></p>
<p>In this article the Indra (the author) shares her favorite Helvetica companions with the following guidelines in mind: “Focusing on contrast makes combining fonts easier. Better not pair Helvetica (or other Neo-Grotesques) with another sans serif (like a Humanist Sans). Instead, choose a serif or a slab. Transitional and Modern (bracketed)serifs work quite well with Helvetica. So do most Garaldes like Garamond — it all depends on what kind of atmosphere you’re aiming for. Browse the list of ideas below, or look for faces with broad proportions, a large x-height, or similar characteristics, like an uppercase ‘R’ with a vertical tail.”</p>
<h3><a href="http://www.typography.com/email/2010_03/index_tw.htm">15. Four Techniques for Combining Fonts</a></h3>
<p style="text-align: center;"><a href="http://www.typography.com/email/2010_03/index_tw.htm"><img class="size-full wp-image-19765 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/181.jpg" alt="" width="480" height="162" /></a></p>
<p style="text-align: left;">This article gives you four tips for navigating the typographic ocean, all built around H&amp;FJ&#8217;s Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.</p>
<h3><a href="http://typophile.com/node/45613">16. How Do I Choose Paring Fonts?</a></h3>
<p style="text-align: center;"><a href="http://typophile.com/node/45613"><img class="size-full wp-image-19766 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/191.jpg" alt="" width="480" height="173" /></a></p>
<p style="text-align: left;">This is an open typography forum regarding paring fonts. Get the suggestion or advice from the designers who have been professionally experienced in typography in this forum.</p>
<h3><a href="http://www.magnetstudio.com/words/2010/opentype-guide">17. Beginners Guide to OpenTtype</a></h3>
<p style="text-align: center;"><a href="http://www.magnetstudio.com/words/2010/opentype-guide"><img class="size-full wp-image-19767 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/201.jpg" alt="" width="480" height="187" /></a></p>
<p>OpenType (OT) is a cross-platform type format that includes expert layout features to pro­vide richer linguistic support and advanced typo graphic control. This beginners guide will help to illustrate some of the more common features found in OT fonts and when they should be used.</p>
<h3><a href="http://typographica.org/2010/on-typography/making-geometric-type-work/">18. Making Geometric Type Work</a></h3>
<p style="text-align: center;"><a href="http://typographica.org/2010/on-typography/making-geometric-type-work/"><img class="size-full wp-image-19769 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/211.jpg" alt="" width="480" height="188" /></a></p>
<p style="text-align: left;">For graphic designers beginning to experiment in type design, a geometric or modular typeface is a natural starting point. Illustrator and other programs offer a simple collection of elements such as circles, squares, and triangles which can be combined to create a passable alphabet. This is not an argument against all geometric or modular typefaces, but simply some guidance on how to make them more readable, work effectively and be visually consistent.</p>
<h3><a href="http://fontfeed.com/archives/font-or-typeface/">19. Font or Typeface?</a></h3>
<p style="text-align: center;"><a href="http://fontfeed.com/archives/font-or-typeface/"><img class="size-full wp-image-19771 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/22.jpg" alt="" width="480" height="228" /></a></p>
<p style="text-align: left;">An article which discusses both font and typeface because these terms evolved over a considerable period of time and saw several transitions in technology, they can sometimes be interpreted in varying ways. This resulted in a terminology that is often perceived as at best esoteric, at worst plain confusing.</p>
<h3><a href="http://www.alistapart.com/articles/on-web-typography/">20. On Web Typography</a></h3>
<p style="text-align: center;"><a href="http://www.alistapart.com/articles/on-web-typography/"><img class="size-full wp-image-19741 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/6.jpg" alt="" width="480" height="235" /></a></p>
<p style="text-align: left;">A List Apart gives you more knowledge for typography on websites, explore choosing and pairing fonts on the web, particularly in relation to the expanded options <code>@font-face</code> provides from this article.</p>
<h3><a href="http://astheria.com/design/choosing-type-alignments-fortheweb">21. Choosing Type Alignment For The Web</a></h3>
<p style="text-align: center;"><a href="http://astheria.com/design/choosing-type-alignments-fortheweb"><img class="size-full wp-image-19747 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/7.jpg" alt="" width="462" height="209" /></a></p>
<p style="text-align: left;">This is another article that will help you understand type alignment for the web. It explains each on Justified, Right-Aligned, and Left-Aligned and giving the reason of which is best to use on the web depends on your need.</p>
<h3><a href="http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography/">22. Principles For Readable Web Typography</a></h3>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography/"><img class="size-full wp-image-19754 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/121.jpg" alt="" width="480" height="234" /></a></p>
<p style="text-align: left;">There are many factors that play into the readability of text. There are also a number of terms, all very important. This article explains a few of the more common Web typography terms and an explanation of how each term affects readability.</p>
<h3><a href="http://www.alistapart.com/articles/settingtypeontheweb/">23. Setting Type on the Web to A Baseline Grid</a></h3>
<p style="text-align: left;">And how about setting type to a baseline grid? Learn more and practice it after you read this article, it will guide you with the easy to follow examples and codes.</p>
<h3><a href="http://www.clagnut.com/archive/typography/">24. Clagnut&#8217;s Typography</a></h3>
<p style="text-align: left;">Clagnut’s typography category archive is filled with great information on typography spanning the past eight years or so. Articles talking about theory, news, and technique are all included.</p>
<h3><a href="http://24ways.org/2009/type-inspired-interfaces">25. Type-Inspired Interfaces</a></h3>
<p style="text-align: center;"><a href="http://24ways.org/2009/type-inspired-interfaces"><img class="size-full wp-image-19773 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/23.jpg" alt="" width="480" height="241" /></a></p>
<p style="text-align: left;">Picking the right typeface gets you farther than you might think. Here are a few tips on taking cues from type to design interfaces and interface elements.</p>
<h3><a href="http://frespiration.com/inside-the-3d-typography/">26. Inside The 3D Typography</a></h3>
<p style="text-align: center;"><a href="http://frespiration.com/inside-the-3d-typography/"><img class="size-full wp-image-19855 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/24.jpg" alt="" width="480" height="202" /></a></p>
<p style="text-align: left;">This article will guide you to understand how to develop digital work in 3d typography, also included with 3D typography book and 3D typography inspirations.</p>
<h3><a title="Permanent Link to Typography Books To Help You Learn Typography" rel="bookmark" href="http://www.thedesigncubicle.com/2009/06/15-typography-books-to-help-you-learn-and-love-typography/">27. Typography Books To Help You Learn Typography</a></h3>
<p style="text-align: center;"><a href="http://www.thedesigncubicle.com/2009/06/15-typography-books-to-help-you-learn-and-love-typography/"><img class="size-full wp-image-19731 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/more1.jpg" alt="" width="480" height="221" /></a></p>
<p>The article gives you 15 typography books (with links to purchase) which are personally recommend by the writer to helped you learn, understand, appreciate and absolutely love typography and type layout.</p>
<h3><a href="http://benmartineau.com/findings/">28. Findings</a></h3>
<p style="text-align: center;"><a href="http://benmartineau.com/findings/"><img class="size-full wp-image-19759 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/07/last.jpg" alt="" width="480" height="228" /></a></p>
<p style="text-align: left;">Typography samples and inspiration.</p>
<p style="text-align: left;">Did you find that your favorite typography-related article is not on the list? Let us know in the comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/learn-typography/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>65 Free Premium Like Mini Pixel Fonts</title>
		<link>http://www.1stwebdesigner.com/freebies/free-premium-pixel-fonts/</link>
		<comments>http://www.1stwebdesigner.com/freebies/free-premium-pixel-fonts/#comments</comments>
		<pubDate>Tue, 04 May 2010 11:00:17 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[mini]]></category>
		<category><![CDATA[pixel]]></category>
		<category><![CDATA[typeface]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=12954</guid>
		<description><![CDATA[This article brings you back to classic values. If you’re tired of all those grunge, sleek new fonts, go back and check out these simple pixel fonts. Pixel fonts come in handy, when you need to write really small, solid, easy readable text. Those all fonts may seem pretty similar with each other, but they’re [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/resources/free-premium-pixel-fonts/" target="_self"><img class="alignleft" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/preview-free-pixel-fonts.jpg" border="0" alt="Preview-free-pixel-fonts" /></a> This article brings you back to classic values. If you’re tired of all those grunge, sleek new fonts, go back and check out these simple pixel fonts. Pixel fonts come in handy, when you need to write really small, solid, easy readable text.</p>
<p>Those all fonts may seem pretty similar with each other, but they’re actually not, notice little pixelation differences and choose your best pick suitable for your projects.<span id="more-12954"></span></p>
<h2>1. <a href="http://www.dafont.com/advocut.font" target="_blank">Advocut</a></h2>
<p><a href="http://www.dafont.com/advocut.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/advocut-pixel-free-pixel-fonts.jpg" border="0" alt="Advocut-pixel-free-pixel-fonts" /></a></p>
<h2>2. <a href="http://www.dafont.com/technicality.font" target="_blank">Technicality</a></h2>
<p><a href="http://www.dafont.com/technicality.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/technicality-pixel-free-pixel-fonts.jpg" border="0" alt="Technicality-pixel-free-pixel-fonts" /></a></p>
<h2>3. <a href="http://www.dafont.com/font.php?file=aux_dotbitc&amp;classt=pop" target="_blank">Aux DotBitC</a></h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/aux-dotbitc-free-pixel-fonts.jpg" border="0" alt="aux-dotbitc-free-pixel-fonts" /></p>
<h2>4. <a href="http://www.dafont.com/pixel-berry-08-84-ltd-edition.font" target="_blank">Pixel Berry</a> <span style="color: #000000;"> </span></h2>
<p><span style="color: #000000;"> </span> <span style="color: #000000;"><a href="http://www.dafont.com/pixel-berry-08-84-ltd-edition.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixel-berry-free-pixel-fonts.jpg" border="0" alt="pixel-berry-free-pixel-fonts" /></a></span><a href="http://www.dafont.com/pixel-berry-08-84-ltd-edition.font"></a></p>
<h2>5. <a href="http://www.dafont.com/font.php?file=" target="_blank">Pixelation</a></h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixelation-free-pixel-fonts.jpg" border="0" alt="pixelation-free-pixel-fonts" /></p>
<h2>6. <a href="http://www.searchfreefonts.com/free/visitor-tt2-brk.htm" target="_blank">Visitor TT2 BRK</a></h2>
<p><a href="http://www.searchfreefonts.com/free/visitor-tt2-brk.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/visitor-tt2-brk-free-pixel-fonts.jpg" border="0" alt="visitor-tt2-brk-free-pixel-fonts" /></a></p>
<h2>7. <a href="http://www.dafont.com/bitdust-two.font" target="_blank">Bitdust Two</a> <span style="color: #0066cc;"><a href="http://www.dafont.com/bitdust-two.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bitdust-two-free-pixel-fonts.jpg" border="0" alt="bitdust-two-free-pixel-fonts" /></a></span><a href="http://www.dafont.com/bitdust-two.font"></a></h2>
<h2>8. <a href="http://www.dafont.com/bit-low.font" target="_blank">Bit Low</a> <span style="color: #0066cc;"><a href="http://www.dafont.com/bit-low.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-low-free-pixel-fonts.jpg" border="0" alt="bit-low-free-pixel-fonts" /></a></span><a href="http://www.dafont.com/bit-low.font"></a></h2>
<h2>9. <a href="http://www.dafont.com/bit-trip7.font" target="_blank">Bit Trip 7</a> <span style="color: #0066cc;"><a href="http://www.dafont.com/bit-trip7.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-trip-7-free-pixel-fonts.jpg" border="0" alt="bit-trip-7-free-pixel-fonts" /></a></span><a href="http://www.dafont.com/bit-trip7.font"></a></h2>
<h2>10. <a href="http://www.dafont.com/bit-light10.font" target="_blank">Bit Light 10</a></h2>
<p><a href="http://www.dafont.com/bit-light10.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-light-10-free-pixel-fonts.jpg" border="0" alt="bit-light-10-free-pixel-fonts" /></a></p>
<h2>11. <a href="http://www.dafont.com/bit-cheese10.font" target="_blank">Bit Cheese 10</a></h2>
<p><a href="http://www.dafont.com/bit-cheese10.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-cheese-10-free-pixel-fonts.jpg" border="0" alt="bit-cheese-10-free-pixel-fonts" /></a></p>
<h2>12. <a href="http://www.dafont.com/bit-darling10.font" target="_blank">Bit Darling 10</a></h2>
<p><a href="http://www.dafont.com/bit-darling10.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-darling-10-free-pixel-fonts.jpg" border="0" alt="bit-darling-10-free-pixel-fonts" /></a></p>
<h2>13. <a href="http://www.dafont.com/bit-daylong11.font" target="_blank">Bit Daylong 11</a></h2>
<p><a href="http://www.dafont.com/bit-daylong11.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bit-daylong-11-free-pixel-fonts.jpg" border="0" alt="bit-daylong-11-free-pixel-fonts" /></a></p>
<h2>14. <a href="http://www.searchfreefonts.com/free/fff-harmony.htm" target="_blank">FFF Harmony</a></h2>
<p><a href="http://www.searchfreefonts.com/free/fff-harmony.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/fff-harmony-free-pixel-fonts.jpg" border="0" alt="fff-harmony-free-pixel-fonts" /></a></p>
<h2>15. <a href="http://www.dafont.com/apple.font" target="_blank">Apple</a><span style="color: #000000;"> </span> <span style="color: #000000;"> </span></h2>
<p><span style="color: #000000;"><a href="http://www.dafont.com/apple.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/apple-free-pixel-fonts.jpg" border="0" alt="apple-free-pixel-fonts" /></a></span></p>
<h2>16. <a href="http://www.dafont.com/pixelmix.font" target="_blank">Pixel Mix</a><span style="color: #000000;"> </span> <span style="color: #000000;"> </span></h2>
<p><span style="color: #000000;"><a href="http://www.dafont.com/pixelmix.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixel-mix-free-pixel-fonts.jpg" border="0" alt="pixel-mix-free-pixel-fonts" /></a></span></p>
<h2>17. <a href="http://www.dafont.com/pf-tempesta-seven.font" target="_blank">PF Tempesta Seven</a></h2>
<p><a href="http://www.dafont.com/pf-tempesta-seven.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pf-tempesta-seven-free-pixel-fonts.jpg" border="0" alt="pf-tempesta-seven-free-pixel-fonts" /></a></p>
<h2>18. <a href="http://www.dafont.com/redensek.font" target="_blank">Redensek</a></h2>
<p><a href="http://www.dafont.com/redensek.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/redensek-free-pixel-fonts.jpg" border="0" alt="redensek-free-pixel-fonts" /></a></p>
<h2>19. <a href="http://www.dafont.com/c-c-red-alert-inet.font" target="_blank">C&amp;C Red Alert</a></h2>
<p><a href="http://www.dafont.com/c-c-red-alert-inet.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/c&amp;c-red-alert-free-pixel-fonts.jpg" border="0" alt="c&amp;c-red-alert-free-pixel-fonts" /></a></p>
<h2>20. <a href="http://www.dafont.com/large9.font" target="_blank">Large 9</a><span style="color: #000000;"> </span> <span style="color: #000000;"> </span></h2>
<p><span style="color: #000000;"><a href="http://www.dafont.com/large9.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/large-nine-free-pixel-fonts.jpg" border="0" alt="large-nine-free-pixel-fonts" /></a></span></p>
<h2>21. <a href="http://www.dafont.com/wendy.font" target="_blank">Wendy</a></h2>
<p><a href="http://www.dafont.com/wendy.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/wendy-free-pixel-fonts.jpg" border="0" alt="wendy-free-pixel-fonts" /></a></p>
<h2>22. <a href="http://www.dafont.com/nokia-cellphone.font" target="_blank">Nokia Cellphone FC</a></h2>
<p><a href="http://www.dafont.com/nokia-cellphone.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/nokia-cellphone-fc-free-pixel-fonts.jpg" border="0" alt="nokia-cellphone-fc-free-pixel-fonts" /></a></p>
<h2>23. <a href="http://www.dafont.com/pf-ronda-seven.font" target="_blank">PF Ronda Seven</a></h2>
<p><a href="http://www.dafont.com/pf-ronda-seven.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pf-ronda-seven-free-pixel-fonts.jpg" border="0" alt="pf-ronda-seven-free-pixel-fonts" /></a></p>
<h2>24. <a href="http://www.dafont.com/unborn-editrion.font" target="_blank">Unborn Editrion</a></h2>
<p><a href="http://www.dafont.com/unborn-editrion.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/unborn-editrion-free-pixel-fonts.jpg" border="0" alt="unborn-editrion-free-pixel-fonts" /></a></p>
<h2>25. <a href="http://www.dafont.com/runescape-uf.font" target="_blank">RuneScape UF</a></h2>
<p><a href="http://www.dafont.com/runescape-uf.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/runescape-uf-free-pixel-fonts.jpg" border="0" alt="runescape-uf-free-pixel-fonts" /></a></p>
<h2>26. <a href="http://www.dafont.com/acknowledge.font" target="_blank">Acknowledge</a></h2>
<p><a href="http://www.dafont.com/acknowledge.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/acknowledge-free-pixel-fonts.jpg" border="0" alt="acknowledge-free-pixel-fonts" /></a></p>
<h2>27. <a href="http://www.dafont.com/alterebro-pixel-font.font" target="_blank">Alterebro Pixel</a></h2>
<p><a href="http://www.dafont.com/alterebro-pixel-font.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/alterebro-pixel-free-pixel-fonts.jpg" border="0" alt="alterebro-pixel-free-pixel-fonts" /></a></p>
<h2>28. <a href="http://www.dafont.com/retro-rescued.font" target="_blank">Retro Rescued</a><span style="color: #000000;"> </span> <span style="color: #000000;"> </span></h2>
<p><span style="color: #000000;"><a href="http://www.dafont.com/retro-rescued.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/retro-rescued-free-pixel-fonts.jpg" border="0" alt="retro-rescued-free-pixel-fonts" /></a></span></p>
<h2>29. <a href="http://www.dafont.com/pixel-arial-11.font" target="_blank">Pixel Arial 11</a></h2>
<p><a href="http://www.dafont.com/pixel-arial-11.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixel-arial-free-pixel-fonts.jpg" border="0" alt="pixel-arial-free-pixel-fonts" /></a></p>
<h2>30. <a href="http://www.dafont.com/uni-05-x.font" target="_blank">Uni 05</a></h2>
<p><a href="http://www.dafont.com/uni-05-x.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/uni-free-pixel-fonts.jpg" border="0" alt="uni-free-pixel-fonts" /></a></p>
<h2>31. <a href="http://www.searchfreefonts.com/free/00-starmap-truetype.htm" target="_blank">00 Starmap Truetype</a></h2>
<p><a href="http://www.searchfreefonts.com/free/00-starmap-truetype.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/starmap-truetype-free-pixel-fonts.jpg" border="0" alt="starmap-truetype-free-pixel-fonts" /></a></p>
<h2>32. <a href="http://proggyfonts.com/index.php?menu=" target="_blank">Proggy Fonts</a></h2>
<p><a href="http://proggyfonts.com/index.php?menu="><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/proggy-free-pixel-fonts.jpg" border="0" alt="proggy-free-pixel-fonts" /></a></p>
<h2>33. <a href="http://www.iamcal.com/misc/fonts/" target="_blank">Free Fonts by Cal Henderson</a></h2>
<p><a href="http://www.iamcal.com/misc/fonts/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/free-fonts-by-cal-henderson-free-pixel-fonts.jpg" border="0" alt="free-fonts-by-cal-henderson-free-pixel-fonts" /></a></p>
<h2>34. <a href="http://p.yusukekamiyamane.com/fonts/" target="_blank">Free Fonts by Yusuke Kamiyamane</a></h2>
<p><a href="http://p.yusukekamiyamane.com/fonts/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/free-fonts-by-yusuke-kamiyamane-free-pixel-fonts.jpg" border="0" alt="free-fonts-by-yusuke-kamiyamane-free-pixel-fonts" /></a></p>
<h2>35. <a href="http://jelloween.deviantart.com/art/font-charriot-31137793" target="_blank">Charriot</a></h2>
<p><a href="http://jelloween.deviantart.com/art/font-charriot-31137793"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/charriot-free-pixel-fonts.jpg" border="0" alt="charriot-free-pixel-fonts" /></a></p>
<h2>36. <a href="http://tybee.deviantart.com/art/victor-s-pixel-font-1-0-16037996" target="_blank">Victor&#8217;s Pixel Font</a></h2>
<p><a href="http://tybee.deviantart.com/art/victor-s-pixel-font-1-0-16037996"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/victor-pixel-font-free-pixel-fonts.jpg" border="0" alt="victor-pixel-font-free-pixel-fonts" /></a></p>
<h2>37. <a href="http://dtw42.deviantart.com/art/haeccity-a-pixel-font-78727302" target="_blank">Haeccity</a></h2>
<p><a href="http://dtw42.deviantart.com/art/haeccity-a-pixel-font-78727302"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/haeccity-free-pixel-fonts.jpg" border="0" alt="haeccity-free-pixel-fonts" /></a></p>
<h2>38. <a href="http://laura-kristen.deviantart.com/art/youngdantes-80852782" target="_blank">YoungDantes</a></h2>
<p><a href="http://laura-kristen.deviantart.com/art/youngdantes-80852782"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/young-dates-free-pixel-fonts.jpg" border="0" alt="young-dates-free-pixel-fonts" /></a></p>
<h2>39. <a href="http://jelloween.deviantart.com/art/font-silky-wonderland-free-45103645" target="_blank">Silky Wonderland</a></h2>
<p><a href="http://jelloween.deviantart.com/art/font-silky-wonderland-free-45103645"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/silky-wonderland-free-pixel-fonts.jpg" border="0" alt="silky-wonderland-free-pixel-fonts" /></a></p>
<h2>40. <a href="http://internet-cafe.deviantart.com/art/pixel-art-font-145475933" target="_blank">Pixel Art Font</a></h2>
<p><a href="http://internet-cafe.deviantart.com/art/pixel-art-font-145475933"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixel-art-font-free-pixel-fonts.jpg" border="0" alt="pixel-art-font-free-pixel-fonts" /></a></p>
<h2>41. <a href="http://jelloween.deviantart.com/art/font-skinny-27346422" target="_blank">Skinny</a></h2>
<p><a href="http://jelloween.deviantart.com/art/font-skinny-27346422"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/skinny-free-pixel-fonts.jpg" border="0" alt="skinny-free-pixel-fonts" /></a></p>
<h2>42. <a href="http://fuzzballfury.deviantart.com/art/fuzzballfury-5px-font-89978437" target="_blank">Fuzzball Fury</a></h2>
<p><a href="http://fuzzballfury.deviantart.com/art/fuzzballfury-5px-font-89978437"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/fuzzball-fury-free-pixel-fonts.jpg" border="0" alt="fuzzball-fury-free-pixel-fonts" /></a></p>
<h2>43. <a href="http://falafelkiosken.deviantart.com/art/bqubik-61338972" target="_blank">bQUBIK</a></h2>
<p><a href="http://falafelkiosken.deviantart.com/art/bqubik-61338972"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/bqubik-free-pixel-fonts.jpg" border="0" alt="bqubik-free-pixel-fonts" /></a></p>
<h2>44. <a href="http://nintentofu.deviantart.com/art/ants-on-a-log-79157922" target="_blank">Ants on a Log</a></h2>
<p><a href="http://nintentofu.deviantart.com/art/ants-on-a-log-79157922"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/ants-on-log-free-pixel-fonts.jpg" border="0" alt="ants-on-log-free-pixel-fonts" /></a></p>
<h2>45. <a href="http://veiko.deviantart.com/art/dysfunction-circuit-caps-12651235" target="_blank">Dysfunction Circuit Caps</a></h2>
<p><a href="http://veiko.deviantart.com/art/dysfunction-circuit-caps-12651235"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/dysfunction-circuit-caps-free-pixel-fonts.jpg" border="0" alt="dysfunction-circuit-caps-free-pixel-fonts" /></a></p>
<h2>46. <a href="http://iambored.deviantart.com/art/minimal5-430926" target="_blank">Minimal 5</a></h2>
<p><a href="http://iambored.deviantart.com/art/minimal5-430926"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/minimal5-free-pixel-fonts.jpg" border="0" alt="minimal5-free-pixel-fonts" /></a></p>
<h2>47. <a href="http://fleisch2.deviantart.com/art/sample-font-66287655" target="_blank">Sample</a></h2>
<p><a href="http://fleisch2.deviantart.com/art/sample-font-66287655"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/sample-free-pixel-fonts.jpg" border="0" alt="sample-free-pixel-fonts" /></a></p>
<h2>48. <a href="http://pixelfonts.style-force.net/" target="_blank">Semplice Pixelfonts</a></h2>
<p><a href="http://pixelfonts.style-force.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/semplice-pixelfonts-free-pixel-fonts.jpg" border="0" alt="semplice-pixelfonts-free-pixel-fonts" /></a></p>
<h2>49. <a href="http://www.orgdot.com/aliasfonts/" target="_blank">Pixel Punch</a></h2>
<p><a href="http://www.orgdot.com/aliasfonts/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pixel-punch-free-pixel-fonts.jpg" border="0" alt="pixel-punch-free-pixel-fonts" /></a></p>
<h2>50. <a href="http://www.urbanfonts.com/fonts/double_oh_one.htm" target="_blank">Double Oh One</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/double_oh_one.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/double-oh-one-free-pixel-fonts.jpg" border="0" alt="double-oh-one-free-pixel-fonts" /></a></p>
<h2>51. <a href="http://www.urbanfonts.com/fonts/visitor_tt1.htm#" target="_blank">Visitor TT1</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/visitor_tt1.htm#"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/visitor-tt1-free-pixel-fonts.jpg" border="0" alt="visitor-tt1-free-pixel-fonts" /></a></p>
<h2>52. <a href="http://www.kottke.org/plus/type/silkscreen/" target="_blank">Silkscreen</a></h2>
<p><a href="http://www.kottke.org/plus/type/silkscreen/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/silkscreen-free-pixel-fonts.jpg" border="0" alt="silkscreen-free-pixel-fonts" /></a></p>
<h2>53. <a href="http://www.urbanfonts.com/fonts/harry.htm" target="_blank">Harry</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/harry.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/harry-free-pixel-fonts.jpg" border="0" alt="harry-free-pixel-fonts" /></a></p>
<h2>54. <a href="http://www.urbanfonts.com/fonts/cubic_five.htm" target="_blank">Cubic Five</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/cubic_five.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/cubic-five-free-pixel-fonts.jpg" border="0" alt="cubic-five-free-pixel-fonts" /></a></p>
<h2>55. <a href="http://www.urbanfonts.com/fonts/deluxe_font.htm" target="_blank">Deluxe Font</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/deluxe_font.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/deluxe-font-free-pixel-fonts.jpg" border="0" alt="deluxe-font-free-pixel-fonts" /></a></p>
<h2>56.  <a href="http://www.searchfreefonts.com/free/sevenet-7.htm" target="_blank">Sevenet 7</a></h2>
<p><a href="http://www.searchfreefonts.com/free/sevenet-7.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/sevenet-free-pixel-fonts.jpg" border="0" alt="sevenet-free-pixel-fonts" /></a></p>
<h2>57.  <a href="http://www.dafont.com/pf-tempesta-five.font" target="_blank">PF Tempesta Five</a></h2>
<p><a href="http://www.dafont.com/pf-tempesta-five.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/pf-tempesta-five-free-pixel-fonts.jpg" border="0" alt="pf-tempesta-five-free-pixel-fonts" /></a></p>
<h2>58. <a href="http://www.dafont.com/type-writer.font" target="_blank">Type Writer</a></h2>
<p><a href="http://www.dafont.com/type-writer.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/type-writer-pixel-free-pixel-fonts.jpg" border="0" alt="type-writer-pixel-free-pixel-fonts" /></a></p>
<h2>59. <a href="http://home.swipnet.se/~w-55723/pixel/" target="_blank">Pixel Ex</a></h2>
<p><a href="http://home.swipnet.se/~w-55723/pixel/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/ex-free-pixel-fonts.jpg" border="0" alt="ex-free-pixel-fonts" /></a></p>
<h2>60. <a href="http://www.fontsforflash.com/" target="_blank">FFF Access</a></h2>
<p><a href="http://www.fontsforflash.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/fff-access-free-pixel-fonts.jpg" border="0" alt="fff-access-free-pixel-fonts" /></a></p>
<h2>61. <a href="http://www.dapixelfonts.com/" target="_blank">Dapixelfonts</a></h2>
<p><a href="http://www.dapixelfonts.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/dapixelfonts-pixel-free-pixel-fonts.jpg" border="0" alt="dapixelfonts-pixel-free-pixel-fonts" /></a></p>
<h2>62. <a href="http://04.jp.org/" target="_blank">04B</a></h2>
<p><a href="http://04.jp.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/04b-free-pixel-fonts.jpg" border="0" alt="04b-free-pixel-fonts" /></a></p>
<h2>63. <a href="http://www.dafont.com/haxrcorp-s8.font" target="_blank">HaxrCorp S8</a></h2>
<p><a href="http://www.dafont.com/haxrcorp-s8.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/haxr-corp-s8-pixel-free-pixel-fonts.jpg" border="0" alt="haxr-corp-s8-pixel-free-pixel-fonts" /></a></p>
<h2>64. <a href="http://www.dafont.com/leviwindows.font" target="_blank">Levi Windows</a></h2>
<p><a href="http://www.dafont.com/leviwindows.font"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/levi-windows-free-pixel-fonts.jpg" border="0" alt="levi-windows-free-pixel-fonts" /></a></p>
<h2>65. <a href="http://www.urbanfonts.com/fonts/wellbutrin.htm" target="_blank">Wellbutrin</a></h2>
<p><a href="http://www.urbanfonts.com/fonts/wellbutrin.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pixel-fonts/wellbutrin-free-pixel-fonts.jpg" border="0" alt="wellbutrin-free-pixel-fonts" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/free-premium-pixel-fonts/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Create Logotypes Using Just Type And Different Variations</title>
		<link>http://www.1stwebdesigner.com/design/create-logotypes-using-just-type-and-different-variations/</link>
		<comments>http://www.1stwebdesigner.com/design/create-logotypes-using-just-type-and-different-variations/#comments</comments>
		<pubDate>Wed, 08 Oct 2008 14:45:48 +0000</pubDate>
		<dc:creator>Dainis Graveris</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logotype]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=1051</guid>
		<description><![CDATA[You can create successful  logotype just using letters and type adding just little accent. Creating logotype just search over different fonts,  avoid using  two or more fonts in logotype &#8211; most of the cases, different typefaces do bad more than something good. Every font has it&#8217;s own personality, keep it simple, avoid using fun fonts, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/development/create-logotypes-using-just-type-and-different-variations" target="_self"><img style="border-right: 0px; border-top: 0px; margin: 0px 7px 7px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/title-1st.jpg" border="0" alt="title-1st" width="150" height="150" align="left" /></a> You can create successful  logotype just using letters and type adding just little accent. Creating logotype just search over different fonts,  avoid using  two or more fonts in logotype &#8211; most of the cases, different typefaces do bad more than something good. Every font has it&#8217;s own personality, keep it simple, avoid using fun fonts, because they will add a little bit shallow feel in most of the cases. There are <a href="http://www.1stwebdesigner.com/resources/15-excellent-free-font-resources/" target="_blank">great free font services,</a> where You can choose between thousands of  free fonts, and test them online simply typing desired word and browsing over different categories.</p>
<p><span id="more-1051"></span></p>
<div style="clear:both; padding:5px"></div>
<p>There are 3 kinds of typefaces :</p>
<p><strong>1.Sans-serif</strong></p>
<p>More modern look, without any serifs. More minimal, elegant &#8211; often used in fashion companies and</p>
<p><strong>2.Serif</strong></p>
<p>Serif is visually more appealing type than sans-serif adding more  elegant, sophisticated look.</p>
<p>If You don&#8217;t know the difference, image below will explain it better than I can say with words:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/serif.jpg" border="0" alt="serif" width="406" height="309" /></p>
<p>Compare sans-serif with serif ( I used Times New Roman for this example) and I hope You see the difference. And the name &#8220;serif&#8221; is pretty self explaining.</p>
<p><strong>3.Script</strong></p>
<p>Convey more friendly feel with handwriting fonts, if You are good at handwriting try to create Your own calligraphy on Your tablet or scan Your handwriting &#8211; why do that? If You use typeface &#8211; every letter will be the same using those, but creating something Your own , You can create really unique touch.</p>
<p>There are lot of possibilities to create unique logo using just these variations &#8211; all caps, spacing, uppercase, lowercase, size, different colors, different weighting (bold, thin, roman.. etc.), transparency, 3D look or just create combination of these ways.</p>
<p>a) Just using font ( Delicious font for this example) lowercase with no spacing:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/usual.jpg" border="0" alt="usual" width="400" height="100" /></p>
<p>b) all caps:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/all-caps.jpg" border="0" alt="all-caps" width="400" height="100" /></p>
<p>c)spacing:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/spacing.jpg" border="0" alt="spacing" width="400" height="200" /></p>
<p>d) size:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/size.jpg" border="0" alt="size" width="400" height="200" /></p>
<p>e) different colors:</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/color1.jpg" border="0" alt="color" width="400" height="200" /></p>
<p>f) different weighting ( roman, italic, bold):</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/weight.jpg" border="0" alt="weight" width="400" height="200" /></p>
<p>g) transparency:</p>
<p>This is too complex example by the way, but it&#8217;s ok for You to get the point.</p>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/transparency.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/transparency-thumb.jpg" border="0" alt="transparency" width="400" height="200" /></a></p>
<p>h) 3D look:</p>
<p>If You use Adobe Illustrator, You can extrude&amp;bevel in this way &#8211; Effect &#8211;&gt;3D &#8211;&gt; Extrude&amp;Bevel.<br />
You might consider using rotation, distortion, perspective tools too.</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/3d.jpg" border="0" alt="3d" width="400" height="200" /></p>
<p>Done using Illustrator&#8217;s Revolve tool ( Effect&#8211;&gt;3D&#8211;&gt;Revolve):</p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/revolve.jpg" border="0" alt="revolve" width="400" height="200" /></p>
<p><em>Tip:</em></p>
<p><em>Keep in mind trying to create logotype &#8220;square&#8221; form type if You consider printing it on different posters, brochures &#8211; then You won&#8217;t got any problems with resizing and keeping it good looking.</em></p>
<p>And don&#8217;t forget about millions of different fonts You can choose from!  While choosing the right typeface &#8211; compare them, just adding below each other copies and variants &#8211; try to look over repeating, more elegant letters and bits of those to get Your vision and inspiration going &#8211; to create successful logotype sometimes You need to just add one accent changing one thing in the typeface describing companies business activities, goals in eye catching way and remember to keep it simple! If You haven&#8217;t got inspiration or ideas what to do, how to do, there are also different  roundups and sites summarizing different logs and ideas.</p>
<p>I often use <a href="http://logopond.com/" target="_blank">logopond.com</a> &#8211; there are huge amount of professional logotypes there, giving You great inspiration!!</p>
<p><a href="http://logopond.com" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/logopond.jpg" border="0" alt="logopond" width="400" height="100" /></a></p>
<p><a href="http://www.brandsoftheworld.com/" target="_blank">brandsoftheworld.com</a> is another handy resource with advanced search options using &#8211; brand name, description, author, uploader, url, category, country.</p>
<p><a href="http://www.brandsoftheworld.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/10/brandsoftheworld.jpg" border="0" alt="brandsoftheworld" width="400" height="100" /></a></p>
<p>And one more time, use <a href="http://www.1stwebdesigner.com/resources/15-excellent-free-font-resources/" target="_blank">free font resources</a> and their great online testing features!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/create-logotypes-using-just-type-and-different-variations/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

