Open Source Resources for Web Application Developers

Fawnt is spin-off of the word “Font”. Other than that, Fawnt is a resource for designers, developers, and anoyone that loves free fonts. Fawnt lists beautiful fonts in nice speech bubbles coupled with a scrollable interface to make browsing easy. While all of the fonts we list are free, they might have restrictions. Some may be free for personal use, others for commercial. When you visit a font link make sure to browse the page for any fine print or usage terms.

You cannot find categories within Fawnt, because they don’t want them. When you make tons of categories you never know what you want. By throwing all the fonts to you at once you are able to visualize different font styles and text variations.

Requirements: No Requirements
Demo: http://fawnt.com/
License: Read the usage term for each font

• 11 Comments

One of the reasons for starting I Love Typography was that the author felt there just wasn’t enough being said about the topic. Secondly, and more significantly, He always found it difficult to quickly locate typographic resources. The long-term aim of this blog is to be such a resource, a one-stop-shop for everything about typography, from terminology to new typefaces, from inspirational examples of type to choosing the best font for the job, whether that be on- or off-line.

I think I Love Typography is a really excellent blog about fonts. The author has a really in depth knowledge about fonts and typefaces, and how to use them correctly. You can get a lot of information about typography in this blog. His latest article of 15 Excellent Examples of Web Typography is so interesting as well.

Requirements: No Requirements
Demo: http://ilovetypography.com/
License: N/A

• 2 Comments

When we are talking about fonts, we should not miss this one. Typetester is an online application for comparison of the fonts for the screen. Its’ primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://typetester.maratz.com/
License: License Free

• 3 Comments

Multi-color sIFR (Scalable Inman Flash Replacement) is a technology that allows you to replace text elements on screen with Flash equivalents with colors. sIFR is a DOM replacement method originally conceived by Shaun Inman and turned into a high quality cross-browser, cross-platform typography solution for the masses.

sIFR allows website headings, pull-quotes and other elements to be styled in whatever font the designer chooses without the user having it installed on their machine.

Multi-color sFIR implementation is easy – just add sEmColor:”#FF4400″, sStrongColor:”#FF0000″ and sSpanColor:”#EE6600″ into your named argument call function at the bottom of the .html file and if the script finds a <strong>, <em> or <span> elements, each one will be colored3. And they can be nested, too.

Requirements: Browsers required Flash
Demo: http://webdesign.maratz.com/lab/multi_color_sifr/
License: LGPL License

• 3 Comments

Urban Fonts has an amazing collection of over 8,000 free fonts for you to download fonts. You can customize the look of the font previews by typing your own text in the input text field provided in all the font pages, or switch to an alphabetical view. The Names button switches your preview back to the name of the font. The colors of the text and background can be easily changed using the built in color picker. Urban Fonts also lets you choose how many fonts you’d like to have displayed in your page.

Requirements: No Requirements
Demo: http://www.urbanfonts.com/free-fonts.htm
License: License Free

• 5 Comments

Requirements: No Requirements
Demo: http://www.dafont.com/will-grace.font
License: License Free

• 0 Comments

Requirements: No Requirements
Demo: http://www.dafont.com/sling.font
License: License Free

• 0 Comments

Having trouble of making your favourite text with CSS? CSSTYPE V2 lets you preview your css text as you modify it, and generates the code for you immediately. Typography is the art and techniques of type. The arrangement of type is the selection of typefaces, point size, line length, line spacing and letter spacing. It is very important to get the typography right. Good typography is just as important as good design.

Requirements: No Requirements
Demo: http://www.suprb.com/apps/csstype/
License: License Free

• 2 Comments

Pinvoke has created 5 sets of amazing mini fonts ( Base size: 8 points ). The fonts can be used royalty-free by the licensee for any personal or commercial projects. If you like these fonts, you may also like
Pinvoke Mini Icons as well.

Requirements: Any Browsers
Demo: http://www.pinvoke.com
License: Creative Commons Attribution 3.0 license

• 0 Comments