5 Excellent Sources To Download Free Text Fonts | MakeUseOf.com
http://www.makeuseof.com/tag/the-top-5-best-online-sources-for-fonts/

frífontar

Keep your fonts together.

Fontcase is a font management application that provides an elegant and powerful workflow to help you organise the fonts you have installed on your system. Designed to be an iTunes for your fonts, Fontcase has a powerful tagging system, which is designed to let you control your fonts like you control your music.

Font management software

a font management application that provides an elegant and powerful workflow to help you organise the fonts you have installed on your system. Designed to be an iTunes for your fonts, Fontcase has a powerful tagging system, which is designed to let you control your fonts like you control your music

"Elegant font management for Mac OS X."

Excellent listing of typography tools and sites!

By Noura Yehia and Smashing Magazine Editorial Team Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall

Definitely merits additional investigation.

Story about Georgia the font

This plugin lets you use images to replace the titles of your posts.

This plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.

The best fonts from 17 great designers Everyone has their favorite fonts. Fonts that are very versatile and work well for a variety of projects. With that in mind we asked some very well known designers and digital artists what their top 3 serif and top

내 손글씨로 폰트를 만든다!

Make your own handwriting font

YourFonts.com is a FREE online font generator that allows you to create your own TrueType fonts within a couple of minutes. Go make your own handwriting as a font!

Make your very own fonts!

With YourFonts it's really simple to turn your printed characters into a font.

YourFonts is a web-based service that turns your handwriting into a TrueType font for free. If you have a printer and scanner, nothing can stand between you and the awesomeness of your own script.

YourFonts is a web-based service that turns your handwriting into a TrueType font for free. If you have a printer and scanner, nothing can stand between you and the awesomeness of your own script. We've covered a

Handwriting

Blambot Comic Fonts and Lettering

comics typografi

Grammar of word balloons.

Comic book lettering has some grammatical and aesthetic traditions that are quite unique. What follows is a list that every letterer eventually commits to his/her own mental reference file

Set Font Size Based On Word Count

css-tricks.com

A site and -- they hope -- movement for free, open-source fonts. "We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts."

collection of open source fonts

open source fonts for web use

'Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.'

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

10 Web Typography Rules Every Designer Should Know http://is.gd/iSXV

Free fonts

Typography is one of the fundamental elements of web design. A site that makes excellent use of typography will often have a subtle elegance to the design. Fortunately, there are plenty of great resources and tools, informative articles, and sources of inspiration that are available. In this post we’ll feature some of the best items that should be bookmarked for future use in your own work.

aplicatie de recunoscut fonturi

know what it is? Submit an image to WhatTheFont

Font identifier tool.

WhatTheFont for iPhone connects directly to MyFonts’ acclaimed font identification service, which has been helping customers pinpoint mystery fonts for 10 years. It works via Wi-Fi or the mobile phone network, so you can get your font fix right there on the spot.

App identifies fonts from a picture taken on the iphone.

Great Typographic Start!

Anonymous (2001) is a TrueType version of Anonymous 9, a freeware Macintosh bitmap font developed in the mid-90s by Susan Lesch and David Lamkins. It was designed as a more legible alternative to Monaco, the mono-spaced Macintosh system font. The original was available in only 9-point. I’ve added 8-, 10-, and 11-point

a nice serif font - designed as a "more legible" alternative to Monaco

Nice programming font.

104 suggesties voor gratis fonts.

typography

Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you take with a cameraphone.

Letter Monsters - a set on Flickr

Ascii art generator napisów grafik w ascii

3d effect, ascii, pixel

px　pm　表

Great resource for converting pixels to ems and vise-versa

Bad ass.

via fq

px to em

The 'font ecosystem' changes so slowly that it's not hard to go years without taking those gradual changes into consideration. Each new version of MS Office, each new release OS X brings with it a new kit bag of available fonts. Although there are plenty of reasons to grumble about the way CSS handles type, it does have a few redeeming features. Font stacks is one of them.

Achieving beautiful typography with CSS on the web is no easy feat, and there are many limitations to what can done with type on the web. However, there are generous people out there that have taken the time to build tools and write tutorials to help you overcome these limitations and create websites with beautiful typography.

Free hand drawn fonts

Naldz Graphics

If you don’t want your small type to look like it’s hiding something, if you really want it to be read, it takes some extra effort, because all type programs default to settings for creating full-sized text.

FOR THE AMUSEMENT & EDIFICATION OF PEOPLE BEGINNING A LOVE AFFAIR WITH FONTS

Imagine an artwork without type - you can only make assumptions what the graphics are trying to deliver. Type enhance and ensure you get whatever message the campaign is delivering. Typography design on the other hand, is what many designers are striving to improve and excel. Getting to the next level in typography design, at most of the time, may be tricky and challenging. Font, colors, style, keywords and placements are all the crucial factors to form a great typography design.

cool : ***********

最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します。

最近のデザイントレンドにはまるクリーンなフォント、グランジ風のフォント、レトロ風のフォント、手書き風のフォントをSix Revisionsのエントリーから紹介します

Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date

great text tutorials

ranked by their objective and various other weighted measurements: FontShop sales figures, historical value/meaning, aesthetic qualities.

"Some say that web design without typography is like an orange without its peel, it just isn’t complete."

By Joel Reyes Some say that web design without typography is like an orange without its peel, it just isn’t complete. Typography encompasses the reality of effective web design and achieves success in creating web

List of typography blogs.

Type is one of the most-used elements of the web. Think about it. Unless you are YouTube or Flickr, chances are your site visitors are coming for your text content - not the fancy packaging that surrounds it. So why are web designers still treating text like a secondary element? Good typography brings order to the page and increases legibility. It allows people to process information faster.

Consejos sobre cómo utilizar la tipografía y el diseño en el diseño de páginas web

In this post, we’ll explain some Web typography terms and how they play into readability; we’ll present numerous tips to help improve the readability of your content; and we’ll showcase very readable websites, layouts and articles.

Une alternative à sIFR à explorer. Plus simple à installer et à configurer mais quelques désavantages par rapport à sIFR (pas de sélection du texte, pas de style sur a:hover, etc.)

type tools

Amazing logos created with the famous Helvetica font

"It’s over fifty years old, it’s the most widely used font ever, and it has recently become the subject of its own movie. We’re talking about the world’s most recognizable font: Helvetica."

40 Excelentes losgos creados con Helvetica

3d text illustration

Distributing the horizontal space between elements evenly

Good quick tips in here.

Good little article on using HTML special characters on your site.

One of the most under–rated elements of beautiful Web design is the subtle art of typography. Part of this, I know, is a lack of a solid font support for Web sites. But never fear! Today I’ll show you some quick things you can do to appear to be a type master.

nice alternative to sifr

fonts

Whether you're putting together a resume, flyer, or web page, everyone needs to find and compare fonts some time. Here are some tools that can help you find the perfect font.

learning to create website

Getting an idea and inspiration is sometimes really hard and when you are planning to start your new web design project and you are curiously finding for a mind blowing web design inspiration so you don’t want to spend too much time and want to get start something as soon as you can. But most of the time, your mouse is not moving around as you want or your hand is not in your creative control or maybe when you are just tired and do not have creative mood to work. So if you want to get fresh your creative man or come up with some creative web design ideas or just need to motivate and inspire yourself with current design trends, we are today listing down 11 Great Resources And Inspirations Of Current Design Trends. This list is not long in numbers but I promise you that when you start browsing them in details it will must boost your creative design ideas professionally and motivate you for to design your project in such a way that people will never forget that you have made it!

free font slist and tips on how to use them

In web design, there are often times that you will have text to which you want to draw extra attention. We all know the power of Photoshop. So why not use it to

Font replacement

フォント探しに便利

フォントを扱ってるサイト。有料のみ？

便利なフォント検索サイトがOPEN! 3,000以上の日本語フォントからすぐに探せます。

设计教程

Portfolio of award winning web designer Lee Munroe. Specialising in creative web design and innovative web solutions for your business - 15 Beautiful Typography Inspired Websites

30 high-quality free fonts for professional designs!!!!

Even though you’ll have to pay for the best fonts, like Helvetica or Univers, the web is full of quality fonts that are perfectly suitable for professional design work. The fonts are classified to make the page easier to scan. Sans-serif fonts 1. Miso miso 30 high quality free fonts for professional designs 2. Quicksand quicksand 30 high quality free fonts for professional designs 3. Com4t Fine Regular com4t fine regular 4. Alte Haas Grotesk alte haas grotesk 5. Comfortaa comfortaa 30 high quality free fonts for professional designs 6. Museo Sans museo sans 7. 078MKSD Medium Condensed 078mksd medium condensed 8. Mayberry Pro Semi-Bold mayberry 30 high quality free fonts for professional designs 9. SpecialK specialk 30 high quality free fonts for professional designs Semi-Serif fonts 10. Museo Semi-Serif museo semi-serif 11. Gauntlet gauntlet 30 high quality free fonts for professional designs 12. Fertigo Pro fertigo pro 13. Inconsolata inconsolata 30 high quality free font

30 fonts

Even though you'll have to pay for the best fonts, like Helvetica or Univers, the web is full of quality fonts that are perfectly suitable for professional

i find it so amazing that people can design fonts. my brain just doesn't work to that level of precision.

I remember clearly the day I was waiting for the 6 train at 33rd Street and Park Avenue in New York. I had taken pictures of type on the street for some time, but there was something here that caught my eye. There was a plastic sign on a door with letters and numbers routed out of plastic, and I noticed a couple of characters in particular: the way the 8 curved back into itself, the charming tail of the a. And then I realized that the lowercase e’s were all different. This had been done by hand and therefore wasn’t an existing typeface. I knew then that I could actually make this into a font.

Here's a captivating, personal article on I Love Typography about the design process of Jeremy Mickel's first commercially available typeface.

great typography article, about making your first font.

Look at the bottom for a list of USEFUl links. Too lazy to bookmark them all so just bookmarking this one post ...yeah, I know

Combining Cufón and @font-face

クオリティ高め

有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。

ライセンスについて詳しく書いてあるのが親切。

無料でダウンロードできる洗練されたフリーフォントあれこれ

Finding the perfect font can be done through trial and error, or you can make your choices based upon the different moods certain fonts help bring to a design

Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to perfect your own style. I’ve put together a few pointers, and collected some examples to explain just how I look for quality within a website design.

typographyに特化したffffound的サービス。by iLT

type- and typography-related images, an FFFFound for strictly type-related content

This showcase should serve as a great reference for professional designers looking for some fresh, beautiful typefaces for their corporate projects.

entages are fairly obviou

Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)

We recently compiled a article on Free Fonts to Enhance Your Designs, and in response to reader requests, we'll compiling the new list here with more fresh free , instantShift.com is the light chronicle moments of knowledge, created as world moving forward.

We recently compiled a article on Free Fonts to Enhance Your Designs, and in response to reader requests, we’ll compiling the new list here with more fresh free typefaces. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images as some say that web design without typography is like an Apple pie without a Apple. This article showcases the Most Beautiful and Fresh Free Fonts to inspire and encourage good typography selection in web design. The basic purpose behind this post is to show you Popular, Artistic and most importantly Free Downloadable font types to save your time searching them online. Direct download link available for the entire fonts. You can also find some related free references at the end of the post. Just make sure to read the license agree

Even better, there are a bunch of links at the bottom for similar resources.

"If you love [Comic Sans], you don't know much about typography," Mr. Connare says. But, he adds, "if you hate it, you really don't know much about typography, either, and you should get another hobby." Seriously.

Retour sur la font la plus haïe de tous les temps.

"If you love it, you don't know much about typography," Mr. Connare says. But, he adds, "if you hate it, you really don't know much about typography, either, and you should get another hobby."

the story behind Comic Sans...

The ubiquitous, bubbly typeface has spawned a Ban Comic Sans movement, nearly a decade old but stronger now than ever, thanks to the Web.

I've never been a fan of Comic Sans, and used to cringe when my friend James would use it for research papers in graduate school. For that kind of work, I'll go with Palatino in LaTeX.

Text Web Design

design inspiration and tutorials Brushes, Fonts and Icons

Some time ago I've posted a bunch of links to CSS tips and tricks. That day, one of our reads requested a post on design resources, and I just had to post some awesome links that will make designing much more fun for you.

Once more, I went thru my Delicous and found some great stuff I had saved there. Today I'm listing some Photoshop Brushes, Fonts and Icons. Probably next week, the next post on this brief series will be textures, photoshop actions and website templates. I hope you you enjoy these and just wait until next week for more!!

Great collection of backgrounds, fonts and icons for your next design project.

Sehr inspirierende Liste volle Typo-Layouts.

In print design, typography is one of the more crucial aspects. Typography is essential the practice of organizing, arranging, and modifying type. The typography techniques uesed in print has a direct impact on how the reader is able to receive the image. In print, typography doesn’t have to be plain and boring. It can be beautiful, creative, and colorful. There are a number of ways to liven up typography, such as creative and original layouts, using color variations, use of fancy fonts, and much more.

Cufón and Typeface.js are both methods to show text in custom fonts (like sIFR), are both only a couple of months old and both use canvas or VML. So what’s the difference? And which one is better?

* Type * Type Reviews * Type Books * Type Commentary

Like just about everybody else, I'm loving it.

typographic logos

always nice to keep these around for inspiration on new designs

best fonts. Doesn't hurt that the site itself is easy on the eyes

30 Sites For Fantastic, Free Fonts

Dynamic web fonts are coming. Actually they’re already here, but most of Our People haven’t noticed yet. But they will, and that’s going to be a huge boon to somebody.

The more I read about embedded web fonts, the more I crystalize my thinking. Take, for example, this latest “A List Apart” article where Jeffrey Zeldman interviews David Berlow: Zeldman: Let me put it another way. I want to use your ITC Franklin in a site I’m designing, but I’m not willing to violate my end user licensing agreement. How do we resolve this impasse, from your perspective? Berlow: The next step is for those who control the font format(s) to define and document a permissions table to be added with all due haste to the OpenType, CoolType, TrueType, and FreeType formats. … Zeldman: How can type designers and web designers work together to persuade the engineers who control the formats to modify the code to include a permissions table? Berlow: [W]eb designers flat-out refused to part with real type, which has filled the web with type as graphic files, scaring the bejesus out of a lot of engineering people. … How important dynamically rendered type is to de

Your Fonts are superior to Our Fonts in every conceivable way, except one: WE CAN’T FUCKING USE THEM

Mr. Pilgrim at his best :)

Saving this to check later. too many fonts around these days.

Fonte

http://cache.gizmodo.com/assets/kindle2/Periodic_Table_of_Typefaces_large.jpg

Showcase of site designs using the letterpress effect & instructions on doing this technique in photoshop

The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.

With the inven­tion of “desk­top pub­lish­ing”, design­ers found them­selves set­ting type on their com­put­ers for the first time. Until then, they had made type spec­i­fi­ca­tions for type­set­ters and left the job up to the pro­fes­sion­als. As a result, you can still see clas­sic inac­cu­ra­cies in type­set­ting, even in top-​quality printed matter. Here you will find some tips from Erik Spiek­er­mann, designer of FF Meta®, Meta Design founder, co-​author of “Stop Steal­ing Sheep”, and a FontShop founder, which will pre­vent some of the more obvi­ous blun­ders.

Succinct and useful typography guidelines for everyone laying pixels on the web. Read the comments for the back and forth over the “padded en” vs the em dash. Is the em dash dying?

HVD Peace. 1 Font by Hannes von Döhren, 2008 View PDF | Free Download HVD Rowdy. By Hannes von Döhren, Benni Busse, 2007 View PDF | Free Download HVD Comic Serif. 1 Font by Hannes von Döhren, 2007 View PDF | Free Download HVD Spencils. 2 Fonts by Hannes von Döhren, 2007 View PDF | Free Download HVD Bodedo. 1 Font by Hannes von Döhren, 2007 View PDF | Free Download HVD Poster. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Edding 780. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Steinzeit. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download HVD Age 11. 1 Font by Hannes von Döhren, 2006 View PDF | Free Download

There are many theories to what constitutes good typography, its not as simple as choosing an appropriate font and setting it in the style of a particular project, that would be too easy. Theories and tutorials are one thing, putting typography into perfect practice is another, and is perhaps the hardest part of any design. Every designer you ask will give you a different answer to what constitutes good type, where is the benchmark? Below you will find the best typography sites, rich full of inspiration, tutorials, theories, free fonts, good practices… everything you could possibly need related to typography.

A few weeks ago, I showed you a bunch of super sleek fonts to use in your clean designs, but if your looking to establish an classic mood for a design, you may

Smashing Magazine

Unresolvable

ツール集

fonts

very cool free fonts

links a varios recirsos de tipografia

Top 10 Programming Fonts

Here’s a round-up of the top 10 readily-available monospace fonts for your coding enjoyment, with descriptions, visual examples and samples, and download links for each.

list of fonts

Dan Benjamin's top 10 list of monospace fonts for development

プログラミング向けフォント10

:-)

» 70+ High-Quality Free Fonts for Designers WebAir Blog

10 Great Free Fonts for @font-face embedding

Fonts

Web-Usern - Design

Webanalyse: Die aktuelle Verbreitung von Schriftarten bei Web-Usern

Free Handwritten Fonts

Typography is one of the most important key aspects of any web design project. It’s very essential for designers to have a good understanding of typography , Daily Resource for Web Designers and Developers.

Pàgina on baixar-se tipografies de lletra.

Grunge Style Typography has been quite a popular for a while now, and it doesn’t seem like it’s going anywhere away anytime soon. So Below, we compile a list of Over 100 Free Downloadable Grunge Fonts for Web Designers and Logo Artists by which you can save your money as well as time and focus on making great applications.

Typography plays a big role in graphic design and can be one of the hardest things to get right. My aim here is to introduce some of the basics and the most

Typography

The Web Fonts Wiki has a page listing fonts you can legally embed in your site designs using the CSS standard @font-face method. Just as importantly, the wiki maintains a page showing commercial foundries that allow @font-face embedding. Between these two wiki pages, you may find just the font you need for your next design (even if you can’t currently license classics like Adobe Garamond or ITC Franklin and Clarendon).

css fonts typography

Web design insights since 1995. Personal site of Jeffrey Zeldman, publisher of A List Apart Magazine, founder of Happy Cog Studios, co-founder of The Web Standards Project, co-founder of the Event Apart design conference, author of Designing With Web Standards.

"The person who figures out a designer-friendly solution to all this will either be hailed as a hero/heroine or get rich. Meanwhile, near-complete solutions of varying implementation difficulty exist."

极度华丽的花纹

Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, flourishing designs. With the help of floral elements you can create

Floral typography is the technique that combines typography, calligraphy and lettering.

最近この手の華やかなのがどうも苦手だ。

Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, “flourishing” designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.

any font embed on website with javascript

sifr-replacement

via windfucker

ウェブページでフォントをダンロードしやすくする仕組みっぽい。Javascript一行だってさ。どんな風になるのかな。

all browsers will soon support a wide range of fonts. but using fonts on the web (in most cases) is a direct violation of the font's copyright, as linking to a font gives the viewer a direct way to download the font . It's like using a font to print a book and then including the font with the printed book. Enter TypeKit, a web app that designers and developers subscribe to. The service has a collection of typefaces that the dev can link to in their jscript and TypeKit handles all the background witch's brew of delivering the font to the end user's screen, without that iser being able to download the font package. Interesting idea! I wonder what the tech looks like behind the service and the susbcription fees.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

WoodTypeMuseum

wood type museum

e designing a new logo, web template, poster etc., the right font can really make a difference and support a great concept. In my opinion you can never have enough fonts at your disposal and the more choices you have, the better opportunity there is to find the perfect one for your specific situation. This article provides one of the largest collections of Good Font Resources and Directories and will be your doorway to more than 100.000 Free Fonts!

this bookmark brought from the different place.

http://www.fsd.it/fonts/pragma.htm

Bons tutoriais de tipografia

Typography Design Web

10 Awesome Free Serif Fonts

10 Awesome Free Serif Fonts | My Ink Blog

Can't have enough fonts.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts.

The Typekit solution That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

The W3C recommendation for CSS web fonts will be 7 years old soon. Why, after all these years, has typography for the web not progressed further? Why haven’t designers embraced linked, downloadable fonts in their designs?

embed any font into your website, with the use of js

Platform and legal support for using linked fonts in CSS

May 27のblogの米欄は賛否両論ね。金払って@font-faceの薄いラッパーとか意味わからんという感じか。しかし、そもそも気になるのは、FF3.5+ではremote fontのsame-origin policyにひっかかって動かないんじゃねーの？という点だ。せっかくなので直接聞いてみる。

identifying all fonts used in justice's DVNO video

flippingtypical.com/#

Comparing a number of screen fonts

searches all the fonts on your pc and displays them trough JavaScript

Tu tipografias desde un sitio web

Visa installerade typsnitt på din dator.

web-based typography tester

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. The arrangement of type involves the selection of typefaces, point size, line length, leading, tracking and kerning.

รวม 60 เว็บแจกฟอนต์

a font for programmers.

nice free monospaced font designed for coding. will have to try it out and see if I like it better than andale mono

programming font

design

@ SmashingApps

awesome typefaces

fonts typography free font resources design inspiration typefaces creative typographie

We live in a world surrounded by Times New Roman, Arial and Helvetica, typefaces so functional that they have long since become boring. In this article, you will find very creative fonts that surely push the limits of uniqueness.

Nice legible rounded sans serif freebie font. Ostensibly for architectural or construction drawings.

MISO

"MISO by Mårten Nettelbladt is a heavy duty typeface for the construction industry*. Three weights: Light, Regular and Bold. TrueType and OpenType. Completed in 2006. You may use it for both private and commercial work."

MISO by Mårten Nettelbladt is a heavy duty typeface for the construction industry*. Three weights: Light, Regular and Bold. TrueType and OpenType. Completed in 2006. You may use it for both private and commercial work.

amazing blog post of handlettering images

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«

Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users.

The font stack builder will help you build a better font stack from scratch, but what if you need a jump start, inspiration, or want to build on tried and trusted CSS font stacks? Start with this selection of pre-built font stacks and customise with your own preferred fonts.

Turn Any Font Into a Sketch Font in Illustrator

Free collection Icon

| エンタープライズ | マイコミジャーナル

どのフォントを選べばいいか迷ってしまうところだ。そこでCraig Buckler氏がSitePointに掲載した10 of the Best Programming Fontsに注目したい。プログラミングに採用できるフォントとして10個のフォントが紹介されている。フォントの表示例が画像で掲載されており、比較もしやすい。紹介されているフォントは次のとおり。

Another Free Font download website

Fuentes tipográficas

By now you have probably noticed a lot of hand drawn style web designs. It has become a very popular option for designers when a project calls for a fun and

hand

fonty

Designer’s Favourite Fonts & Why - http://justcreativedesign.com/2009/06/23/designers-favourite-fonts-why/

How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

Como el SifR pero sin él... con Firefox 3.5

@font-face: The Potential of Web Typography

Firefox 3.5 is out. And the more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

tool exploring the CSS parameters for your font

Подбор шрифтов и создание CSS стилей для текста

A few of these are sweet; most are not

For designers nothing can be more handy than effective and time saving tools supporting their creative process. Of cause dependant on the specific needs free web-based tools can significantly help you accomplish tasks such as color selecting, color p

ta bueno... buenas fonts for free

Seleção de fontes escandalosas, mas, legais.

Typography is a key element of design and communicating a message. This is especially true when it comes to Headlines that must attract immediate attention and wake an interest to investigate further. This articles provides a large collection of Font

inspiration for websites

Remarkably

There is definitely not a shortage of free fonts. However, it can be difficult and time consuming to find free fonts that possess a superior and professional

FONTS A MANO

Yesterday, we had a look at a few of the many fine Sketchy or Hand-drawing style sites on the web. Today, I’ve put together some resources that you might find useful if you are interested in applying that style to your own designs.

Elements

jquery your fonts in there!

7/6/09 article: @font-face and typekit information

Chris Foresman for Ars Technica: "Type designers and font foundries don't want their fonts ripped off, browser vendors want a single standard, and designers want to be able to use whatever font best suits the design at hand. So far there isn't one clear solution that reconciles these competing desires."

Font workarounds Great article on font usage now and in the past.

Using the right type in your designs, both in type and web, is vital to an attractive and successful design. With so many free fonts out there (Da Font currently has over 9000 fonts to choose from) it’s hard to wade through the varying levels of quality available. We’ve picked out some great fonts that shouldn’t be free, but are!

Lindas fuentes

The Typography Manual has several useful features and resources for designers, including a visual type anatomy glossary, a font size ruler, an em calculator, and enough content to fill a 60 page book.

Yay for nerd pedantry

list great typography websites that will inspire and equip

Typography

Code Style: CSS style guide, learn CSS style code and glossary terms

CSS style guide with FAQs on CSS code, cascading style sheet problems, CSS coding techniques and example CSS navigation code.

Colección de carteles viejos

50 ejemplos de tipografía Vintage

"With all the talk about web fonts, I think it’s time I tried to outline the present situation. I’ve not attempted to do so before, owing to the complexity of some of the material, and the speed at which things are moving."

25 High Quality Free Fonts for Professional Design

This article will give you an overview of some high quality free fonts available for use in professional designs

Las 16 tipos disponibles para web css en MAC, PC y Linux

free fonts

It’s essential for Designers to have an good understanding of typography and selection as the importance of typography in design can’t be neglected. The proper selection of typography can convert your normal design into attractive piece of art.

Two typographers and a pro race pilot collaborated to design a font with a car. The car movements were tracked using a custom software, designed by interactive artist Zachary Lieberman.

Fonts that mimic hand drawn letters.

ThinkVitamin - Carsonified's blog about the web

an interactive application designed for searching and exploring font databases

ok, ok. Of little use to us mortals. But the damn application and UI is unbelievable. Just watch the video!

font interaction and exploration through a surface device. Amazing.

Free fonts with ready made css

Hundreds of fonts free for commercial use and @font-face inclusion.

use more typefaces valid css

I generally stick with about 2-5pt’s larger leading than font size depending on the type face, size, etc. and how it feels reading it.

technique de l'utilisation de la typo

No matter you want to design a banner or logo, text effect is very important. Why? It is because a beautiful text effect on the banner or logo will attracts the visitor and also delivers a better message. There are tons of Photoshop text tutorials around us, but today we are going to pick the most 40 beautiful Photoshop text effect tutorials for our readers.

This article shares the most useful Photoshop text effect tutorials with readers. A great text effect will sure attract readers' attention and delivers a better message.

Free fonts.

In this list you will find very professional and high quality fonts hand picked and carefully selected to offer you only the best resources available!

fonts

25 beste lettertypes

25 FONT CLASSICHE

In this selection we’re glad to present you Calluna, Andika Basic, Mentone, Sovereign Regular, Medio, Tiresias Infopoint and many other high-quality free fonts.

Smashing Magazine

A new collection of lovely fonts.

Reference tables of CSS properties and sample texts (web safe)

size conversion chart

This is the final post in my awesome font series. I definitely made a conscience decision to save my favorite genre for last. I think most designers would agree that the grunge style has a unique appeal because of the freedom it allows. These 10 free fonts are perfect for distressing your designs.

Found this somewhere... Thought it might be put to some use someday...

Arcade font engine.

Beautiful and creative typography can come in a variety of different forms. Hand drawn typography can be an excellent source of inspiration for graphic designers and typography lovers. In this post we will feature 40 creations that use hand drawn type. Some have been created completely by hand. Others have been sketched and scanned into Photoshop or Illustrator. Another option is to use fonts that create a hand drawn effect.

tipografia manual

simple shopping cart

10 Useful resources for web designers and developers

CMS

freebies

15 ฟอนต์เก่าๆสวยๆ

Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we're going to review six ways that web designers and developers can improve the typography of the sites they create.

HUGE collection of free resources for web and photo stuff!

type news and content aggregator

from Twitter

The website dedicated to webfonts & @font-face embedding

interesting study

SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

Font sizing in CSS sounds as though it should be easy. Until you try it. Many developers use the force; they tinker with the font-size property until it looks right only to find it’s different in another browser. A little understanding can go a long way…

65 fuentes gratuitas... otra selección donde aparecen las de siempre + alguna nueva

32 Trashy And Distorted Fonts For Your Next Grungy Design

Creative Vector Fonts

Free Web Resources Everyday - WebResourcesDepot

19 Creative And Free Fonts In Vector Formats // 벡터폰트 모음

19 Creative And Free Fonts In Vector Formats

Typedia is a resource to classify, categorize, and connect typefaces.

If this gets the depth of the community behind it, it could be a fantastic typographical resource.

comicbook fonts

40 Free Unique Cartoon and Comic Fonts

Big Fonts used in Web Design

Web design has its own limitation, and us, web designers, have been working and learning how to overcome this constraints to create a better solution. Typography is our most important asset and we've seen that designers are really apply old concepts and w

The use of certain fonts is an easy way to give a design a hand-drawn effect. Fortunately, there are a number of fonts in this style that are freely available. In this post we’ll showcase 25 of the best. As always when you are dealing with freebies, be sure to check the usage restrictions from the designer.

Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like Cufón, sIFR, etc. but perhaps one of the better options is using @font-face in CSS.

What is @font-face? @font-face is a CSS rule that lets web designers link to a font that visitors may not have installed. Using this, we can get around the problem of web-safe fonts as well as prevent creating additional dependencies in other methods such as Cufón, sIFR, etc.

At fontcapture.com you can create a font from your very own handwriting. There's no software to download and install, all you need is a printer and a scanner. Simply fill in the font template, scan and upload it to our website, and download your completed font. The fonts you create using fontcapture.com can be used on both Windows and Mac computers.

create your own font for free. cool!

Make a font out of your handwriting. Free.

"Create a font from your own handwriting."

If you've got a few minutes, stylish script, and a scanner, FontCapture can turn your handwriting into a font. That keeps all your mad-scientist notes on the computer, yet still gives them that..

Amazing Fonts - http://www.beautifullife.info/graphic-design/amazing-fonts/

unique, untraditional fonts

無料漢字フォント

20 Dingbat Fonts That Are Actually Useful | Web Design Ledger

fonts is created by designers who have drawn, and after have allowed to extend the fonts free of charge. Everyone can take part in the given project. For this purpose it is enough to draw a font in any vector editor in uniform scale, then to send this file to me. If you have any questions, write.

font

In this graphic design tutorial, you will witness a method for creating attractive 3D text that features some beautiful lighting and textured effects. We will be using Adobe Illustrator and Photoshop to help us get the job done.

3d text tutorial photoshop

Opera Developer Community article: Fonts for web design: a primer

Really interesting discussion of the standard web fonts.

A Great compilation of Creative Nerds favourite Free Fonts Which Are Perfect and suitable  For creating Professional Logo Designs. A great collections of

a good article on combining different fonts (ie. what serif works with a sans-serif).

Minimising the CSS required for cross browser @font-face.

With all these CSS3 enhancements going on it's not hard to get confused. We're still trying to fond the best way of doing things. This is apparently the most bulletproof way of including the @font-face rule for IE and modern browsers.

good mod for google calendar

High-Quality Calligraphy Fonts

Calligraphy Fonts

A few weeks ago we published a collection of handwritten fonts that was very well received, so today we'lll follow up with a collection of some of the best calligraphy fonts. These fonts are an excellent choice for elegant web and graphic design.

"Inset typography, or letterpress typography, is a type treatment trend where text is made to look impressed into a surface. When used correctly and creatively, it leads to a captivating and engaging reading experience, able to bring attention to key textual content. In this collection, you’ll see a great number of examples (23 of them to be exact) that utilize the inset typography/letterpress typography style in web design for a variety of situations."

For favicon haiku

"It has x-height of 3 pixels, it is italic, inspired by old masters and most important – made by hand." So tiny! Redukto would love it.

High Quality fonts

Selecting that exact font for that particular design project can be difficult. So, it is a good idea to have a catalogue of your favourite high quality fonts

fun

@mogrify made this. The idea came from @dickchiclets. follow @cheeseorfont on twitter.

Cheese or Font displays the name of either a font or cheese - all you have to do is correctly choose which! Whilst you won't get a score as you play - you can simply keep on playing ad inifitum - the game does tell you the percentage of folks who gave your answer

A collection of ten beautiful, free and must have serif typefaces for the web and print. This collection includes Medio, Jura, Fontin, Sling, Calluna, Lido STF, Salernomi, Novello Pro, Steinem, TeX Gyre Schola.

10 Beautiful and free must have Serif Fonts

Fonts!

While @font-face may not work in all browsers, I think it’s still one of the best solution available today. Of course not all type foundries will let us embed their fonts on our webpages. There are solutions like Typekit which look very promising but today we’ll simply go over the @font-face CSS property and check out some typefaces you can use with @font-face :)

free fonts for logo

With a good list of font stacks about halfway down the page.

web safe font stacks - creating your own font stacks

Guide to CSS Font Stacks: Techniques and Resources « Smashing Magazine

Here’s a nifty little graphic showing the difference between Arial and Helvetica.

Font pra download modelo - script

A list of 20 free, high-quality Script Fonts, compiled by ThinkDesignBlog.com.

slate article on typekit

"Typeface designers and font fanciers have new reason for optimism though. The past year has seen a surge of Web-browser innovation. Now, most major browsers—including the latest versions of Internet Explorer, Firefox, Safari, Chrome, and Opera—recognize a CSS rule known as @font-face. What that means, in brief, is that Web developers can now easily embed downloadable fonts in their pages."

@font-face

Sub Pixel Rendering

有彩色SubPixcel。

有彩色Subpixelでシャープかつリッチに、そのうちPhotoshopに載るんだろうけど

In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend

serif web-safe fonts increasing

In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend.

KW37

Really awesome Typography Showcases | tripwire magazine

really interesting ways to use type

The Daily Drop Cap is an ongoing project by typographer and illustrator Jessica Hische. Each day (or at least each WORK day), a new hand-crafted decorative initial cap will be posted for your enjoyment and for the beautification of blog posts everywhere. To use a Daily Drop Cap on your site or blog, follow the instructions in each post and read about the usage limitations. Enjoy!

jessica hische's daily drop caps

An illustrative initial every day.

jessica hisch - free initial caps for blog entries

This is so sweet - really clean font renderings even at small sizes. Way superior to Photoshop's defaults.

Textorize - a Ruby + RubyCocoa script that uses OS X's excellent Cocoa font rendering to create sub-pixel anti-aliased PNGs of pieces of type, perfect for serving to dumb browsers that don't understand font-face, and arguably better than Cufon, sIFR, Typekit etc.

textorize: Pristine Font rendering for the Web

mir.aculo.us with Thomas Fuchs

33 exemples of typography as illustration.

this is the font quiz website

Ironic Sans

20 Awesome and Free Fonts for Web Designers (Serif Family) | TutorialFeed - http://tutorialfeed.blogspot.com/2009/10/20-awesome-and-free-fonts-for-web.html

arial & helvetica

On friday, i hosted a screening of helvetica for some buddies of mine that didn’t know that there were other typefaces besides times new roman. it turns out, there ARE other typefaces and one of them is helvetica (and another of them is papyrus.)

overlay of the minor differences between the two faces

Arial and Helvetica overlaid.

supplement illustrating the key differences in letterform

The most important chart of your font-nerd life.

Embedding fonts into your website

http://nova-group.se/test/fonts/

Snook’s screencast brings EOT to the masses - solution to tackle the conversion process for IE

Getting around the mess that is converting TTF to EOT (is this yet another reason to hate IE?)

Great example of using @font-face.

Nice techniques for embedding user fonts on webpages. Breaks out of the limited font constraints.

Font embedding in all modern browsers using @font-face

Download Fontes Grunge Grátis

fontes fonts ttf

Mais de 55 fontes estilo Grunge GRÁTIS

fontes grunges estilosas

By http://bit.ly/Tweets2Delicious

CSS Font-Size

Free Vintage Fonts

Helvetica is not a just a font. It is a culture, motivation and trend. Designers all over the world loves to incorporate Helvetica in their work. Are you a Helvetica Fanatic ? Are you passionate about Helvetica? Here are 45 really amazing poster about Helvetica that expresses what is Helvetica and how it has inspired good designs.

helvetice

I started doing some research to answer these questions, but during that time there have been a number of great posts about @font-face performance issues: * Paul Irish: Fighting the @font-face FOUT * Stoyan Stefanov: Gzip your @font-face files * Zoltan Hawryluk (again): More @font-face fun This blog post summarizes Paul, Stoyan, and Zoltan’s findings plus some very important discoveries of my own.

Lazy load to the resuce then…

Last week I was reading Ajaxian (my favorite blog) and saw the post about @font-face. I had been wondering for a few months about how font files impact web performance, so I followed the story back to Zoltan Hawryluk’s original post: @font-face in Depth. A great read on the aesthetics, mechanics, and compatibility issues of fonts, but not much about performance. I added a comment:

30 Stunning Fonts To Enhance Your Designs

30 Professional Free Fonts for Excellent Typography | WebDesignFan.com - http://webdesignfan.com/30-professional-free-fonts-for-excellent-typography/

30 kostenlose Design-Schriften

セリフ系のフリーフォント、AからZまで

Articles and Resources for Web Designers

ตัวอย่างการใช้เท็กซ์โลโก้สวยๆบนเว็บ

A very nice way to generate font files for use on the web, if they are legally licensed for that use.

A handy tool by Font Squirrel to create @font-face kits

@font-face { font-family: "Watusi"; src: url("http://www.example.com/fonts/watusi.ttf") format("truetype"); } h1 { font-family: "Watusi", sans-serif; }

Web fonts and standards

Let’s face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let’s say, headings? Or pull quotes? What then?

Web Design, Development, and Business

Awesome Design Blogs Font Revealed!

I got in touch with a good number of design blogs with one question – What font do you use in your logo? I got back a hefty amount of responses and found out the rest through some top notch detective work (a special thanks goes out to all those who replied back).

Fonts for Designers is a new series of posts that proposes every week a selection of the best free fonts for web designers.

Whether you just want more control over how the basic text on your site shows up or you want to do something a bit more advanced, there’s surely a plugin available to help. There are plugins to better handle things like hyphens and long URLS, plugins to replace text with images (whether in headlines or to avoid censorship), and plugins to let you add print-centric elements, like drop caps and pull quotes, to your posts.

webdesign

Mais uma alternativa ao sIFR. Este plugin entretanto parece ainda estar em fase de desenvolvimento. A conferir.

Sometimes you need to go a little bit wild with your typography. In these cases, you can either take the easy way and choose a fancy font from some of the free font site like Dafont or Urban Fonts, or get creative and give some extra sparkle to your ordinary font, creating a typographic design which can stand by itself. This tutorial, discusses this later option. Beware of the following boolean operations galore!

Vetor de letra cursiva no Corel

RT @behoff: Typography resource for all things typographic http://ow.ly/ioeC [from http://twitter.com/DangerGranger/statuses/2891919739]

In this Illustrator tutorial round-up, there are over 40 text effects, or if you prefer typographic effects, to help you learn new techniques and expand your typographic repertoire.

山崎マキ子フォントが入ってない!!!

Serife gegen Groteske: die Lehrbuch-Meinung unterstellt beharrlich Qualitätsunterschiede, die offenkundig nicht existieren. Eine neue Studie zeigt: Viel wichtiger als die oft beschworene “objektive” Lesbarkeit ist, was eine Schriftart ausstrahlt – ihr „Look and Feel”.

בלוג פונטים טובים ללוגואים

some nice free fonts

How to Achieve Cross-Browser @font-face Support

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers.

In the Woods – How to Achieve Cross-Browser @font-face Support

Endlich wird es einfacher, Fonts mit allen Extras (Ligaturen etc) im Browser zu verwenden. Ich hoffe, das Feature kommt bald! -- Was heute Möglich ist habe ich kürzlich gebookmarkt.

bookmarked by http://www.min-style.de

フォント集。英語系

free

There are a lot of options out there for using other-than-websafe fonts in your website designs. Dynamic text replacement methods or resorting to very long fontstacks (where most of your visitors won’t see the font you wanted anyway) have long been the standard for using anything other than websafe fonts. But the @font-face function changes all that. With most major, modern browsers now compatible with it, services are cropping up all over for providing the fonts you want to embed on your site without eating up your bandwidth and server space. One of the biggest hurdles these services help to overcome is the licensing issues related to embedding certain fonts on your website. While many fonts (especially open source fonts) have licenses that allow for embedding, others strictly prohibit it. Webfont services work with the type foundries to provide fonts for embedding while also providing the security that foundries insist upon. Currently, there are four such services available, thoug

Je ne m'étais jamais rendu compte, jusqu'à ce que les yeux manquent de me sortir de la tête en regardant ma page sous Safari.

Super Artikel zu Antialiasing

Comprehensive article on font antialiasing, especially on the web

Mais fontes grátis.

ฟ้อนท์จากวงร๊อคเก๋าๆ

海外ミュージシャンのロゴがいっぱい

TheDieline.com: Package Design: Top 15 Fonts for Packaging Design

15 Fontes para embalagens... (in)felizmente pagas!

ตามนั้น

Over the last several years I've been using many different fonts when designing brand identities and packaging. I like to think of fonts as having their own personality - just like people. Fonts can be brash, silly, elegant, refined, cool, delicate, straightforward, austere, lush or honest. Good use of typography goes a long way, and your choice of fonts will have a significant impact on getting the product/brand's message across appropriately. I've thought about what fonts I've used more than once and why I like them. Out of the countless fonts I've used, here are 15 of my favorites (in no particular order). Enjoy!

ttf → eot

EOTに変換

Select any .ttf file (.otf coming soon)

By Elliot Jay Stocks When Johno first asked me to write about Typekit, I jumped at the chance. I’d received a beta invite to try out the service about a week before, but deadlines had got in the way of actually getting round to it. Now I had the

i love typography, the typography and fonts blog

Typekit

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Display typography is a potent element in graphic design, where , Daily Resource for Web Designers and Developers.

This is a roundup of that identifies the fonts used in the logos of some of the top sites on the internet.

More Fonts Used In Logos of Popular Websites | Build Internet!

NERDY

Create a TTF font from a PNG image

J: Cool vt200 font. Works well in Terminal on the Mac.

Summary. This article presents results from a study investigating the personality of typefaces. Participants were asked to rate 40 typefaces (from serif, sans serif, display, and handwriting classes) using semantic differential scales. Responses are shown by typeface class and individual typeface using scaled scores. These results are helpful to practitioners when deciding which typeface to use for online text.

Survey results of typefaces and their usability.

user reponses to web typefaces

40 onscreen typefaces for useability

Simple jQuery plugin that checks if a client browser supports a given font.

QUOTE: Simple jQuery plugin that checks if a client browser supports a given font.

»Simple jQuery plugin that checks if a client browser supports a given font.«

jQuery-Plugin, das trickreich überprüft, ob eine bestimmte Schrift auf dem Zielsystem vorhanden ist.

21 Fonts That Shouldn't Be Free...But Are!

Superscript

รวมทิปเทคนิคการใช้ตัวอักษรในการออกแบบ

With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start?

Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset

Real web type in real web context.

"Real web type in real web context"

Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects.

I designed Web Font Specimen and have released it under a Creative Commons license for the betterment of typographic style and practice. Download it, make it your own, and make it better. If you publish a new version, just mention that it’s a derivative of Web Font Specimen.

How To Create Great Typographic Wallpaper In Photoshop

Now that browsers support real fonts in web pages and we can license complete typefaces for such use, let’s move past the hype of web type and think pragmatically about how to use real fonts in our web projects. Several experiments with the CSS @font-face property, including some preliminary work with the much-anticipated Typekit, have led me to a single, urgent conclusion: I need to know how my type renders on screens, in web browsers. To that end, I created Web Font Specimen, a handy (free) resource web designers and typographers can use to see how typefaces will look on the web.

font-size:1em; /* 1em=16px */ line-height: 1.5em; /*1.5em of a 1em (or 16px font) = 24px

Free Fonts: Excellent List of Resources

50 fuentes (fonts) de peliculas para descargar gratis.

300+ High Quality And Most Popular Fonts For Designers To Discover In 2009

fontes.

We are always in search of great free resources for our valued readers. Every day we work hard to find new resources and inspiration for designers. Today, we list down 300+ High Quality and Most Popular Fonts for Designers to Discover In 2009, We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

10 Amazing Free Fonts for Designers

Every designer needs a good collection of free fonts, when working on design projects weather your designing for the web or for print its always essential to have a good collection of fonts. Fonts can be very expensive especially when working on a design project with a small budget. This is a collection of the best free fonts created in 2009.

Every designer needs a good collection of free fonts, when working on design projects weather your designing for the web or for print its always essential

Free Fonts

Share this on del.icio.usDigg this!Share this on RedditBuzz up!Stumble upon something good? Share it on StumbleUponShare this on TechnoratiShare this on MixxSubmit this to DesignFloatShare this on FacebookTweet This!Submit this to Script & StyleShare this on DevmarksRelated PostsBeautiful Gradient Effects On Web design – Research: Part 22 in 1 – Stunning 3D Ice Text Effect [...]

poster, 3d

ttf

A look at disabling ClearType to improve font embedding but possibly with mixed results. Interesting discussion in the comments.

Better, smoother embedded fonts in IE7 and IE8 #css

Smoother @font-face embedding in IE 7 & 8

nice little article w/ examples

"I often start by choosing type. I don’t need to worry about colors or layout or anything else… just the right typefaces that support the art direction."

フォントの交配

フォントのあいのこ作成

フォント同士を交配させて新しいフォントの誕生を見る ( DLは不可能 )

to read

"Examples of Modern Alphabets, Ornamental and Plain" - 1864

Free Fonts

Font gratuiti

100 Free fonts

Fontes.

Really nice looking font.

Great set of fonts

FontFriend is a bookmarklet for typographically obsessed web designers.

FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages.

FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+ only), in any document you’re currently viewing.

"A bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages."

Nice header.

Fuente muy interesante

Tools Help Submit a font a b c d e f g h i j k l m n o p q r s t u v w x y z # FFF Tusj Custom preview Number per page fonts show variants Size Only fonts with accents Euro Sort by More options Only as Public domain / GNU GPL Free Free for personal use Donationware Shareware Demo Unknown The licence is just an indication. Please look at the readme-files in the zips or check the indicated author's website for details, and contact him if in doubt. Accents Euro FFF Tusj by Magnus Cederholm site [11 comments] in Script > Various Free Download FFF Tusj.ttf

Neat Free Font ( quite complete )

Font weights and some good thoughts on using the right font declarations.

Finally, someone describes how to do Helv Neue Light online.

font-weight: 300;

Some of my recent visitors might have noticed that the current version of this site uses Helvetica Neue Light1 for almost all the text, a look inspired by the beautiful pages of Panic’s products. As reference, here’s a screenshot of part of CandyBar’s website:

รวมฮิตกราฟิกตกแต่งเทศกาลคริสต์มาส

これは！

GD-高速道路ゴシックJA」は、高速道路標識の文字に採用されている書体“道路公団標準文字”を再現したフォント。ひらがな、カタカナ、JIS第一水準を中心とした漢字、英数字、記号のほか、道路標識の絵文字を収録し、高速道路標識の文字に採用され、通称“公団ゴシック”と呼ばれる書体を再現している。公団ゴシックは、ドライバーが高速で移動しながら文字を確認できるように、“読む”ためではなく、“見る”ためにデザインされており、それぞれの文字を図形として見せる字体が特長だ。

文字を図形として見せるデザインが特長、その歪なルックスは強く印象に残る

Logos do not always have to include some type of symbol or icon to be effective. When done well, using type only to create a logo can be very effective in

Sharing: 40 Brilliant Type-Only Logo Designs: Logos do not always have to include some type of symbol o.. http://bit.ly/74NWrY [from http://twitter.com/desabol/statuses/7367555778]

Logos do not always have to include some type of symbol or icon to be effective. When done well, using type only to create a logo can be very effective in representing a company. These types of logos often cause particular typefaces and letter styling to become synonyms with a brand. Here we’ve rounded up 33 brilliant type-only logo designs for your inspiration. Be sure to click the images to learn more about each logo.

As for typography itself: the quest for quality in font design that we reported last year has continued. Many fonts were updated and improved, while new typefaces are getting ever more sophisticated. This newsletter lists the year’s ten most successful typefaces from a variety of genres.

very neat old style sign 2009 staff pick

arts and crafts looking type

type collaboration, buy type

joint venture between Paul Barnes and Christian Schwartz, who have collaborated since 2004 on various typeface projects

beautiful site for a new type co-op. Lots of great faces too, and dynamic changes. Take a look when looking for the font

free fonts :-)

free fonts font typography Typography, type typeface typefaces

We know that typography can be used as a way of mutual understanding between you and your users. To communicate effectively, typography requires appropriate typefaces as there are a lot of unsung fonts out there that have really inspired us. Color and size of type elements are much more prevalent than in text typography. Most display typography exploits type at larger sizes, where the details of letter design are magnified. Color is used for its emotional effect in conveying the tone and nature of subject matter.

いい

What type are you?

password: character

Typeface Personality Test

web type research

Thoughts on embedded fonts for the web from a type designer.

Simpler front-end for gdi++, improves Windows font rendering by disabling hinting

Ever wonder why everything just looks a little bit better on a Mac? That’s because Apple OS X uses a different font rendering technology than Windows. That can easily be changed though, and there’s a little program that can do it with ease.

You the Designer is a Graphic Design Blog Featuring Graphic Design Jobs, Tips, Tutorials, Resources, Freebies and Much More. Join the Design Community Today!

Replenish your graphic design arsenal with this week’s freshest design picks. Get on the creative groove by downloading free textures, brushes, fonts, icons and even Wordpress themes for your design projects.

:) some good ones!

I like Slimbo for my reel

フリーフォント。商用利用は要確認

o

Finding the right typeface or font for a design can be a tricky process. So it's good to have a nice selection of fonts at your disposal. With this article,

20 Super Clean Free Fonts for Minimal Style Design | Web Design Ledger

fontes grátis

Typography is often overlooked in todays design specifically by web developers. It really is a shame because CSS gives us so much control over our type. That being said, we our limited to certain “web safe” typefaces but that shouldn’t decrease our creativity. Here are a few CSS tips for typography on the web.

Perhaps the most difficult part in compiling this list is not what to include, but what to leave out. There are, then, many other typefaces that should be in this list, but aren’t. Their omission says nothing of their quality, but rather to the ruthless expedient of time and space. Perhaps some of your favourites from 2009 coincide with mine; perhaps they don’t — I’d love to hear about them in the comments below. Without further ado:

An ampersand for every season.

photo de type faite à la main

old shop signs

Typography is a beautiful element that magnifies a website’s creativity. The stunning letterforms and positions of the fonts can be moving and inspiring. Effective use of typography can also be combined grid placement, and allows users to better understand what it is you’re trying to get across. In recent times, we’ve seen our share of websites with beautiful introductions that are purely text-based. This sort of headlining allows you to read and comprehend words on a visual level. They are a great form of art that, if done correctly, will affect the minds and emotions of your visitors.

the ampersand

A história do "&".

História do Ampersand < & > | The ampersand is one of the most unique typographical characters out there.

35 Breathtaking Text Effects using Adobe Photoshop | Smashing Buzz - http://www.smashingbuzz.com/2010/01/35-breathtaking-text-effects-using-adobe-photoshop/

Graphic Designers loves to draw text effect in an amazing way with step by step trainings of each tutorial which we listing from the gallery of famous designers who working hard and even sharing with everyone for giving trainings through Photoshop tools and techniques. We seen thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation and of course conclusion, when it comes to breathtaking text effects then there is no limitation of creativity in terms of presentation, instructions and most importantly final results.

Graphic Designers loves to draw text effect in an amazing way with step by step trainings of each tutorial which we listing from the gallery of famous designers who working hard and even sharing with everyone for giving trainings through Photoshop tools and techniques. We seen thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation and of course conclusion, when it comes to breathtaking text effects then there is no limitation of creativity in terms of presentation, instructions and most importantly final results. Hope you all like our effort and give your comments for our future ideas about another best Photoshop text effect tutorial roundups.

USA

"The 2010 IKEA catalog, now arriving at doorsteps around the world, reveals the company’s choice to change all typography to Verdana, the Microsoft font that every web designer has grown to hate (you can already hear the cries). Being one of the better looking ‘Core fonts for the web’—a limited selection which also includes Arial, Comic Sans, and Times New Roman—Verdana has become one of the most widely used fonts on the web (but rarely ever used in print). The font will replace IKEA Sans (a customized version of Futura by Robin Nicholas), and IKEA Serif (based on Century Schoolbook). In an interview with the Swedish design magazine Cap & Design, IKEA’s Ivana Hrdlickova says the main reason for the switch was to allow the company to use the same typeface in all countries (current IKEA typefaces do not contain Asian characters, for example). Being that Verdana was designed for the web, it also allows the company’s image to remain consistent online and in print."

Yikes. Via Tom Waddington

show rye

Make a font out of your handwriting for free

Free tool for making fonts from your handwriting or any other handwriting. There's also a paid version that allows further control, but the free version also seems to work well.

On embroidery / cross-stitch patterns as input for digital designers, and oh yeah, coincidentally, the death of the pixel. Duh. I love this man.

On the Death and 441-Year Life of the Pixel blog image text The struggle to adequately render letterforms on a pixel grid is a familiar one, and an ancient one as well: this bitmap alphabet is from La Vera Perfettione del Disegno di varie sorte di ricami, an embroidery guide by Giovanni Ostaus published in 1567.

The struggle to adequately render letterforms on a pixel grid is a familiar one, and an ancient one as well: this bitmap alphabet is from La Vera Perfettione del Disegno di varie sorte di ricami, an embroidery guide by Giovanni Ostaus published in 1567.

Helvetica Cookie Cutters!

Helvetica Cookies

Helvetica Cookie Cutters link: http://www.boingboing.net/2010/01/25/helveticookies.html

Goede uitleg van @font-face en met overzicht van browsersupport

NICE Thin fonts

‘Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts’.

Find, try, buy and download fonts from the world's largest collection of fonts online.

30 High Quality Grunge Fonts for Web Designers | DevSnippets

Grunge is one of my most favorite font styles. Clean and beautiful designs became boring and distortion, old and worn out feel brought something new in. You may

More AWESOME FREE Fonts!

fonts

Here are 20 high quality free fonts for you to use in your designs. In this selection, you will find a variety of styles. Some are more progressive, while others are just impossible not to love, like Sketchetica – a hand drawn version of Helvetica. Whether you’re doing posters, t-shirts, or web designs, you should find these fonts very useful.

20 High Quality Free Fonts for Designers

Fontes Free

Free Fonts

Fonts for Designers is a series of posts that proposes a selection of the best free fonts for web designers. Each new issue presents five interesting fonts you can use on your web projects. Here is a collection of five fresh and extreme useful fonts particularly adapted to design logos. Take a look at the following link for the previous issues. DownloadSurface Surface DownloadMentone Mentone DownloadKnema Knema DownloadLekton Lekton DownloadMilocha Milocha

Digital Goods for the Design Community.

Hot Diggity Dog! Haäfe & Haph presents a selection of custom ampersands at just 9.99! These 10 ampersands come packaged as .eps vector files and an opentype font!

Kyle Jones

site qui vend des

Digital Goods for the Design Community

Illustrated Typography

most excellent collection of custom lettering

CUSTOM LETTERS 2009

Várias refs tipográficas legais!

Fontes legais. Não são pra baixar, mas são boas pra se ter como referência.

Beautiful custom letter forms

As designers, fonts play an important role to our designs. Choosing the correct font helps create the design more creative, artistic and unique. They may be “just letters” to some, however, they help create the correct impact that uplifts the effect on the design itself. It is often hard to look for the right font in creating logos and designs. To give you more ideas and options, we give you A Compilation of Free Retro Fonts for Designers.

As designers, fonts play an important role to our designs. Choosing the correct font helps create the design more creative, artistic and unique. They may be “just letters” to some, however, they help create the correct impact that uplifts the effect on the design itself. It is often hard to look for the right font in creating logos and designs. To give you more ideas and options, we give you A Compilation of Free Retro Fonts for Designers. The list is composed of 41 amazing fonts that you can choose from. This fonts are intended for retro designs, however, you can still use these for any type of concepts you can think of. Limits are void if you are a designer. Feel free to check out the list we have came up with and download the ones you like best… Have fun!!! You may want to take a look at the following related posts: • 45+ Most Wanted Beautiful Free Hand Drawn Fonts • Excellent Free Fonts Everyone Must Have • 50 Top Sites you can Download Free Fonts Wonderful World Retro Font W

Fuentes gratuitas ideales para logos.

fancy - very nice ones

タイポグラフィ２

Fonts for Headlines and titles

Useful for graphic

Font is the key element in the process of web designing, advertising and other activities associated with typography, but professional fonts are prohibitive for freelancers. 100 exeptionally beautiful free fonts we selected will allow you to bring some variety in your designs without spending.

All-in-one design blog – daily inspiration and quality graphic resources for designers and photographers. Photoshop tutorials and useful freebies.

ダウンロードしておきたい100個のフリーフォント保存版まとめ

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.

experimental typefaces and then some

This week, we are bringing you more high-quality fonts that have been created in just the past few months. There are 22 in all and they’re all free. There are a few however that will require a quick registration, but they are well worth it.

20 Beautiful Fonts for Big and Effective Headlines http://bit.ly/9hiQJe #fonts #typography #design

Typography is one of the most important design element. Design with good typography looks better and is easier to read or scan the content. Headlines are important typography design element. It help users to find out what is most important in content. Headlines must be big, attractive and effective to attract users for more reading and browsing.

20 fontes boas para titulos

Logo is a symbol or emblem commonly used by companies and individuals to aid and promote instant public recognition.

If you browse through the portfolios of graphic designers, or through sites like deviantART, Flickr, and the Behance Network, you’ll certainly find some very interesting and inspiring text effects. This collection features a variety of different text effects from various designers.

Inspirational Text Effects

Design Resources & Inspiration

Is there a way to know what fonts will work together? Building a palette is an intuitive process, but expanding a typographic duet to three, four, or even five voices can be daunting. Here are four tips for navigating the typographic ocean, all built around H&FJ's Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.

Free professional online fonts to use in addition to your own designs.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z ? ! . Q U I C K B R O W N F O X J U M P

Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning. You can get a better idea of how the letters were formed with the Inspect display option.

css font

60 Best Websites To Download Free Fonts - http://resources.savedelete.com/60-best-websites-to-download-free-fonts.html

Hay que revisar la funcionalidad de esto.

The Online Font Converter is a 100% free service. The Online Font Converter converts fonts to/from: .dfont .eot .otf .pfb .pfm .suit .svg & .ttf

40 fuentes gratuitas de alta calidad minimalistas.

fontes gratis minimalistas

Great resource for free, clean fonts.

font moods

best practices for combining fonts

여러가지 글자 폰트를 다운, 구매할 수 있는 사이트

pixel fonts

Mini Fonts - a nice collection of subpixel fonts http://j.mp/dhVWD8

Luckily, installing the Microsoft core fonts package (and any other new fonts) in Ubuntu is easy.

<p>Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.</p><p>The web is alive and growing more active with each new day. The increasing number of sites that crop up on the daily shows no signs of slowing, and as the online ranks grow, designers [...]</p>

How to reference fonts on the server

Some tips for implementing @font-face with your CSSes

フリーなフォント、デザインよりなものが多いかな

Visual Arts Magazine, graphic design, illustration, photography, interviews, inspiration, tutorials

reference list of fonts should have for a designer...

Des wallpapers vraiment top http://bit.ly/addaya (via @datwimz & @nicolas_gall)

50 Stunning Typography Wallpapers For Inspiration

If you guys need a beautiful font for headers or short notes, go ahead and use one of the free handwritten fonts I put together for you below. These kind of fonts are not the best choice for long text, but they are brilliant if you need to spice up your designs. These shouldn’t be missing in your font collection.

??????????????

In today’s post, we attempt to sum up as many free and high quality fonts as possible into one post. These following fonts can be downloaded free and use for any of your projects. Although they are free, it’s always good for you to check with various creators about the licensing if you are going to use it for commercial projects.

Tipografías para el diseño web profesional

TureType

yo

作れるのはアルファベットと数字と記号

AfterEffectは文字のエフェクトが充実してるから、これで気軽に絵をフォント化して使える。

Inspirational 3D Typography

25 Inspirational 3D Typography Designs

25 Inspirational 3D Typography Designs | Creative Nerds

3D Typography Designs

Think of all the different uses of typography on the web and you'll soon realize that not only is it a crucial part of a web design, but that it's a pure combination of art and science. We've come a long way since the start of the internet, but the use of typography is as important today as it was back in the day.

Gode eksempler på god brug af online fonts

The Power of Typography in Design

the power of typography in design (freelanceswitch)

Your college professor may have placed a lot of importance on type and hierarchy. Your client may be telling you to make specific words “larger” so they’ll stand out more. No matter who it’s coming from, it’s clear that graphic design is a lot more than just colors and layout; it relies heavily on typography as well. It’s no lie that type treatments can make or break a design — have you ever seen a logo where the font does not at all match the actual service or product it stands for? Or maybe the text in a magazine is a mess and difficult to read. I’ve broken down two examples that I feel reflect the importance of quality typography in a design.

かっこいいフォント4

ウェブ、ＤＴＰに使えるクールなフォント集。次のようなクールなフォントが紹介されています。

w

Vasily Vasimov/Techmic Studios, March 11, 2010.

background re typography, UI

RT @azaaza: What the iPad gets wrong with typography. Apple doesn't care about text? http://bit.ly/ab3HRb

an

Quality free icons to everyone. The icons are licensed under a Creative Commons Attribution 3.0 license.

In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!

A quick article on font replacement..

A quick review of all the different resources.

フォントのダウンロード

シンプルで使い勝手がよさそうな高品質なフリーのフォントをThe Crud Factoryから紹介します。

Infografía tipográfica

RT @tobybarnes: so you need a typeface... http://inspirationlab.files.wordpress.com/2010/04/soyouneedatypeface.jpg via @coudal

非商用・個人利用ならフリーで使えるフォントが全部で80種類以上

窓の杜 - 【特集】クリスマスカードや年賀状に！　無料で使えるフォントカタログ

So you need a typeface? So you need a typeface is an alternative way on how to choose fonts (or just be inspired) for a specific project, not just by browsing through the pages of FontBook. The list is (very loosely) based on the top 50 of the "Die 100 besten schriften". Right click for fullsize, please

Start with "Invitation" and take the first "No" ... =]

So you need a typeface is an alternative way on how to choose fonts (or just be inspired) for a specific project, not just by browsing through the pages of FontBook.

Portfolio of grahic design student Julian Hansen

Julian Hansen, graphic design student from Copenhagen, Denmark. Hello.

So You Need a Typeface

Typeface Search!

asi que necesitas una tipografia?

The web is a veritable wonderland of free design resources that can enrich and improve your designs. This post contains forty sites to bookmark and keep an eye on for a continual stream of amazingly useful resources. Fonts, Font Squirrel, Urban Fonts, 1001 Free Fonts, DaFont, Textures, Lost and Taken CG Textures Texture King Blogs with Freebie Sections Arbent Smashing Magazine Animhut BittBox NetTuts SmashingShare Web Design Ledger SpoonGraphics You The Designer Templates CSS Tinderbox Open Source Web Design Open Web Design Free CSS Templates Evan Eckard Icons Dry Icons Find Icons Icon Dock Icon Finder Icon Paper Iconspedia We Love Icons Free Stock Photos/Art Flickr Creative Commons Stock.Xchng Stock Vault VectorArt Vecteezy Photoshop Brushes FBrushes Brusheezy Everything Else Adobe Exchange jQuery List Media Loot Design Fruit Freebies Dock

フォント、テクスチャ、アイコンなどフリー素材のサイト

デザイナーのための素材サイトのまとめ。フォント、テクスチャ、テンプレート、アイコン、写真など

8 Rules for Creating Effective Typography

8 nguyen tac typo

Design is constantly changing and moving forward. However, typography is one aspect of design that seems to resist progression. When it comes to typography, there are standards and traditions that have been around for many years. These rules are there for a reason – to make sure that letters and words are legible. But to move forward, sometimes rules have to be broken. So for this post we’ve rounded up 26 free progressive and experimental fonts. These fonts might be pushing the limits of traditional type design, but the results are stunning

26 Free Progressive and Experimental Fonts

かっこいいフォント2

いずれ使うかもしれないフォント

Colosseo remake by character (letterpress)

Cool video about the making of a print using type on vandercook press. ART!

Smashing Magazine

Encore un article dans le genre "the XX ultimate ressources for YYY"... :) Mais Smashing magazine.

Reading '50 Helpful Typography Tools And Resources' (via @smashingmag) http://tinyurl.com/2ut3rky

Very nice set

Fonts for Typography Designs http://bit.ly/dCJz2w (via @NaldzGraphics @AEXTnet) – Suzanne Preate (_PixelPixie_) http://twitter.com/_PixelPixie_/statuses/13482648899

บ้าไปแล้ว สร้างฟอนต์เป็นเวกเตอร์ด้วยเว็บนี้ ซึ่งอินเทอร์เฟสใช้ยากมาก แถมยังไม่เสร็จดีด้วยจ้ะ

Página en beta para crearte tus propias fuentes o usar las de otros

Typism - Creación de fuentes en línea

Para crear tus propias fuentes basta con usar online

for derek kelly

#Android App Developers GUI Kits, Icons, Fonts & Tools http://j.mp/dBwpAS /by @Speckyboy

Links to the GUI kit,lots of stencils and a standard icon pack

Web fonts

(via @smashingmag)

These are very pretty and scripty

flowchart per la scelta dei font

A series of Q&A gates that lead you to a typeface

The @font-face is commonly referred to as a new CSS3 feature, but has actually been around for some years. The only problem was there weren’t any browsers to support it (apart from IE’s obscure EOT methods), so it sat collecting dust at the back of the CSS2 specification. Recently however, browsers have started implementing support for the @font-face rule. First came Safari (3.1), then Firefox (3.5), Opera (10) and Chrome (4.0). So now, any @font-face implementation will be available for a large chunk of your visitors. What’s more, if you insist on IE support you can even get everything working with a quick fumble around with Microsoft’s WEFT tool.

14 tutoriais CSS3 para facilitar nossa vida

http://designlovr.com/30-beautiful-and-free-fonts-you-can-use-with-font-face

Vintage and retro style designs can be a beautiful thing. By using a combination of rough textures, grungy patterns and brushes meant to add a scratched or used appearance, designers can easily pull of the antique look. To compliment this aged appearance, it is important to use the proper typography to help match the style you are trying to represent. To help you out, I've rounded up 40 attractive retro and vintage fonts to use in your designs.

It's been a longe time since we had some fonts featured here at Abduzeedo! There's no need to say that free fonts are sweet. There are many fonts sites out there, but my favorite's been Dafont.com for a long time. It has got many categories, full of aweso

free fonts!

Creative fonts

Everyone love free fonts. If you want to be a bit different, you can use these creative fonts to make sure that your designs will stand out. Note: Before using any fonts on your projects, it’s important to read the licensing agreement!

Especialmente chula la times news roman graffiti

Create Beautiful #CSS3 Typography http://bit.ly/bBvNbd

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a good one. And, that makes typography a pretty important element that you will want to look at very carefully.

In this yarn, we’ll take a closer look at inspiring stories behind the design of typefaces that you may have seen or used but didn’t know the history of. We’ll explore the nooks and crannies — both literal and figurative — of the evolving printed word. By the end, we hope you come away with a better appreciation of how things came to be.

Easy-to-embed web fonts. Too easy. (I just did.)

The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.

Google font preview

http://fonts.googleapis.com/css?family=Tangerine

使い方によっては使えそう

The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. This particular table lists 100 of the most popular, influential and notorious typefaces today.

The guy who created Comic Sans claims it was based on the lettering in "The Dark Knight Returns" and "Watchmen". Don't really buy it.

un artículo ilustrado con especímenes tipográficos.

The Hamilton Manufacturing Co. traces its roots back to the very first wood types made in the United States. Darius Wells produced the first American wood type in 1828; his business was reorganized into Wells & Webb, then acquired by William Page, later passing back to the Wells family, and finally sold to Hamilton sometime before 1880. The product of this consolidation was a type specimen book issued in 1900, Hamilton’s Catalogue No. 14, which offers a good survey of American display typography of the nineteenth century.

Neutraface Slab

Friendly slab serif

fonts

webdesignledger | Freebies

a huge list of free handwritten and script fonts that work well

People mostly use either serif or sans-serif fonts and often miss out the handwritten fonts. They are as important as the main font classifications. I particularly like to use handwritten fonts to highlight significant items in screen captures. They add the personal touch in my design and also provide great typographic contrast. However, not all handwritten fonts are legible. I’ve put together a huge list of free handwritten and script fonts that work well.

60 Free Handwritten & Script Fonts http://ow.ly/1WasZ -eric – MediaStorm (MediaStorm) http://twitter.com/MediaStorm/statuses/15783185676

Web Fonts

Take a plunge into the untapped potential of Google's Font API.

Luckily for you, we’ve taken the liberty of putting together this list of 100 free professional fonts for both Mac and PC. Herein you’ll find some great serif and sans-serif fonts that are perfect for use in situations involving small to medium sized business clients (in other words, we didn’t include any fonts that make you want to cringe or that you’d be embarrassed to work with).

The Brandeluxe blog covering all things design and freelancing.

100 Fantastically Free Business Fonts - http://www.freelancereview.net/100-fantastically-free-business-fonts/

partes de la letra en inglés

Drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module and it will be added to the list.

Quickly test those new fonts

Works only in Firefox

Schöne Schrift in Webkit-Browsern. Endlich.

Tim erklärt bei Maxvoltar wie man mit einem CSS-Befehl für Webkit Schriften schöner rendern lassen kann. Aktuell funktioniert das in Chrome und den Webkit-Nightlies.

I’m not a big fan of the default text rendering in WebKit, in my opinion, it’s too heavy. There used to be a workaround where setting text-shadow would make the text thinner, but updating to Snow Leopard rendered that useless. Then someone found another hack (using -webkit-text-stroke) that seemed to work nicely, but it wasn’t usable on text-heavy pages, causing performance issues when scrolling.

画像に使用されているフォント名がわかる。

画像をUPすると使用されているフォントを見つけてくれる

查找字体的名称。截图，上传就能得到

画像に使用されているフォントの名前が分かる

It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs;

25 Beautiful and Free Thin Fonts | Vandelay Design Blog

fonts.comの使い方

TypekitやFontspringなどに続き、オンラインフォントショップFonts.comが、ウェブフォントサービス Fonts.com Web Fonts を開始しました。クラウド型フォント埋め込みサービスです。現在はβ版となっており、登録制でサービスを利用することができます。 他のサービスに比べて、とにかくすごいのが有名書体を数多く取り扱うLinotype、Monotype、ITCの3社のフォントを使うことができるという点。 Frutiger、Univers、DIN、Gill Sans、Serpentine、VAG Rounded、…あの書体、この書体何でもあります！現在は2,000書体以上が使えますが、今後もどんどん増えていく模様。これまで画像等でしか実現できなかったことが、CSS (+ Javascript)で実現できるようになりました。IEは4から対応しています。 そして何よりも注目なのが、英語以外にも中国語や韓国語、そして日本語にも対応してる点です。β版では平成明朝、平成角ゴシック、平成丸ゴシックの 3書体6ウェイトが用意されていますが、今後どのような書体が追加されていくのでしょうか。こちらも楽しみです。

Ultimate Collection of Free Brush Fonts | Naldz Graphics - http://naldzgraphics.net/freebies/ultimate-collection-of-free-brush-fonts/

Google webfonts explained.

Fontes do GOOGLE

Google have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google's servers

Quick Tip: Google Fonts API: You’re Going to Love This

Use Google Fonts Api to change the font simply

Google have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google’s servers (save on bandwidth + caching benefits), we now have access to a wide array of custom fonts. Quite literally, you can integrate these fonts into your project in about 20 seconds. It’s as simple as that. Further, due to the operations being performed behind the scenes, these custom fonts will even be recognized back to Internet Explorer 6. I, for one, and am extremely excited about the possibilities, and the font catalog is surely to continue expanding over the coming years.

Opentype with automatic ligatures and glyphs.

Proyecto-fuente, utilizada para CCH_PCH02

This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.

by mike lacher.

via jmb. perfectly expressed font essay

typography on website

A collection of sites that use type on the web very well.

Turn your handwriting into a digital font and send handwritten e-mails to your friends! Transforma tu letra a mano en una digital y envía e-mails manuscritos a tus amigos!

Web Fonts用のAPIをGoogleが用意。

Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.

The latest MacOS release (10.6, or “Snow Leopard”) comes with a new monospace font. It’s called “Menlo” and it’s a slightly modified form of the standard Linux font (with appropriately weightly Linux name) “DejaVu Sans Serif Mono”, which is itself an updated form of Bitstream Vera Sans Mono. Apple’s modifications are a definite improvement to my eyes, mostly because they thicken up some of the wispier glyphs from DejaVu, like the underline and period. There’s a great comparison over here. One thing that bothered me, though, is that they turned the zero into a 1980s-style “slashed circle”. Unhip, daddy-o! Naturally I searched for a font editor, and the best one I found was Font Forge, an old Linux app ported to the Mac but still requiring X11. So that’s two ways OS X is borrowing from Linux for font support. What’s up with that? Was there an elite cadre of fontistas working on Linux machines in a secret bunker? Linux is, um, not usually known for its great designers.

The latest MacOS release (10.6, or “Snow Leopard”) comes with a new monospace font. It’s called “Menlo” and it’s a slightly modified form of the standard Linux font (with appropriately weightly Linux name) “DejaVu Sans Serif Mono”, which is itself an updated form of Bitstream Vera Sans Mono. Apple’s modifications are a definite improvement to my eyes, mostly because they thicken up some of the wispier glyphs from DejaVu, like the underline and period. There’s a great comparison over here. One thing that bothered me, though, is that they turned the zero into a 1980s-style “slashed circle”. Unhip, daddy-o! I couldn’t limit my tweaking to the zero glyph, so in the end I made about a dozen changes. Bitstream released these fonts with a very open license that only requires that you change the name if you change anything about the font, so I'm releasing my changes with the same license, as the font “Mensch”.

We frequently talk about typography here at WDL. Whether it be in web design or print design, typography plays a big part in making or breaking a design, especially if the design’s main focus is typography. In this post we are showcasing 30 typography focused logo designs. In these logos you won’t find any icons or symbols. It’s all about type.

30 Professional And Creative Fonts For Free Download - http://savedelete.com/30-professional-and-creative-fonts-for-free-download.html

Awesome fonts

フリーなフォント30個。可読性の高い良フォント多し

high quality free fonts, which are almost suitable to be used for any design project

More: http://bit.ly/bckNoh and "I'm surprised that most of the stuff in the current Google font directory made the cut": http://typophile.com/node/70557#comment-412118

Better to work with, than against, a giant.

Typekit announces that it has teamed up with Google to build the Web Font Loader API, which more smoothly enables web designers to load custom fonts into their pages. Additionally, Typekit has added Goolgle’s new collection of free web fonts to it's own offering.

technik zum einbinden von fonts mittels @font-face, microsoft, kostenpflichtig

Premium quality web fonts using CSS @font-face * Use real fonts, eliminate images for your headlines * Hand-tuned by the font experts at Ascender * Cloud-hosted service for fast implementation * Support for all major web browsers

In the best of all possible worlds, we’d have type-savvy proofreaders or copy editors to check every project before it goes out the door. More often than not, though, quality assurance falls to the designer, page-layout artist, or compositor. Having spent years as a proofreader in a commercial type shop, I’ve created the following checklist of typographic details to make that final once-over easier.

When is a job really done? Here's a checklist of typographic issues you should verify before you say, "Ship it."

El formato Type1 en 256 caracteres se asignan a las teclas de nuestro teclado, se está convirtiendo en una cosa del pasado . Ahora el diseño y la producción de fuentes OpenType que puede constar de miles de caracteres - ligaduras adicionales , diversos conjuntos figura, valores de pequeña capitalización , estilístico suplentes, ...

The Type1 format where 256 characters are assigned to keys on our keyboard, is becoming a thing of the past. We now design and produce OpenType fonts which can consist of thousands of characters — additional ligatures, various figure sets, small caps, stylistic alternates, … — referred to as glyphs. With these many sets of glyphs integrated in a single font, we are faced with the challenge of including definitions instructing the applications we're using when to show which glyph. Simply adding a glyph with a ligature to your font doesn’t mean the program you’re using knows when or how to apply it. Whether you want your typeface to change the sequence of f|f|i into the appropriate ligature or want to use old-style figures instead of tabular, you’ll need to add features to your font — glyph substitution definitions — to make it happen. In this article we’ll give you a look behind the scenes of OpenType substitution features — a general rather than comprehensive overview as the subject is

Catch the ‘Font Conference’ video that’s playing at the foot of the 5 Excellent Sources To Download Free Text Fonts. Times New Roman has his hands full

10 Cool Free Computer Fonts That Will Make You Stand Out

2010.06.10

Get CSS3 or HTML code for custom font/text layouts.

Cool!

With TypeFolly you can create, save and export your type projects. All projects can be saved in our database or exported as compliant css / html.

Google Web Fonts for Wordpress plugin makes it quick and easy to use the Google Web Font Library from the administration panel within Wordpress. It utilizes the Google Web Font Loader to display fonts that are not installed on the user’s computer. Google Web Fonts Plugin Instructions Download and unzip the plugin. Upload the unzipped file into your Wordpress wp-content->plugins directory. In the Wordpress admin panel, open the Appearance tab in the left menu, and click Google Web Fonts. On the Google Web Fonts Plugin Options page, browse the available fonts in the Google Font Directory, and click the ones you would like to use to copy the Font API parameter name. Paste your chosen font into the Google Font input box, and specify a web save font to be displayed if your chosen font becomes inactive. Click Change Font. Go to your website’s from page to see if your chosen font is active. If not, choose another, rinse, repeat.

英文フォント。

☆☆☆☆☆☆☆☆☆☆

An unobtrusive approach to presenting properly sized text for any reading device that might happen upon your carefully written text. First, if you're not already, drop everything and size all your text in ems. Your text should be 1.0 em, everything else in ems as appropriate.

free fonts are awesome (links to more free fonts @ the bottom)

In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license.

25 Completely Free Fonts Perfect for @fontface - Speckyboy Design Magazine - http://speckyboy.com/2010/07/04/25-completely-free-fonts-perfect-for-fontface/

Code free font is applicable for any type of graphic design – web, print, motion graphics etc and perfect for t-shirts and other items like posters, logos.

Franco-Provencal, Fre

Description: Code free font is applicable for any type of graphic design – web, print, motion graphics etc and perfect for t-shirts and other items like posters, logos.

Muito Bom - Gera fonts

PCにインストールされているフォントの一覧が見れる

自分のPCに入っているフォントの一覧。

フォント一発でわかるとか便利すぎじゃねー！？

pcのフォント情報をレンダリングして確認できるツール

サイトにアクセスするだけで自分のパソコンにインストールされているフォントを一覧表示してくれるオンラインサービス。

画像に使用されているフォントの名前が分かるオンラインサービス -What Font is | コリス

なにこれ凄い。

画像に使用されているフォントの名前が分かるオンラインサービス

Some may argue that typography is the single most important aspect of web design, but yet it's often one of the most neglected and overlooked. There's a lot

Some may argue that typography is the single most important aspect of web design, but yet it’s often one of the most neglected and overlooked. There’s a lot involved in typography, and becoming a master can be difficult. A lot of it requires much experience, practice, and knowing the rules and do’s and dont’s. Nevertheless, there’s a lot to remember. So to provide a little typography aid, we’ve rounded up Six Super Helpful Typography Cheat Sheets.

25 of the Best Calligraphy Fonts for Designers

いいなこれ！

MAN I wish I had the print version of this.

The first issue sold out quickly but you can still get it in PDF format.

Fonts online in die Website laden! Google API

free fonts for web and graphic design

フォントを探せるサービス ライセンスの明記も日本語でわかりやすい

Try Web FontFonts on any website.

RT @behoff: Try web #FontFonts on any website http://bit.ly/bAZrrq - like a web version of #Font Combos app, for web: http://bit.ly/95rs7n

Selecting a font is like getting dressed, Ms Strawson says. Just as one chooses an outfit according to the occasion, one decides on a font according to the kind of message you are seeking to convey.

(yes).

"Try Web FontFonts on any website." (For instance, you can see NYTimes.com in FF Meta or Google.com in FF Tisa, or any other site.)

http://fontfonter.com/ shows you what web fontfonts will look like on your site. Great tool! – Matt McInerney (mattmc) http://twitter.com/mattmc/statuses/19034366749

St Marie Thin is a preview for the upcoming release of a new typefamily, but this time i want to go further with that freefont-thing. There will be one normal Open-Type-Font and an optimzed Webfont, so you can design online and offline with a hiqh quality freefont from Stereotypes.

極太フォント

font

インパクトがでて、デザインのアクセントにもなる太字スタイルフォントは、ウェブデザインに限らず、雑誌などのプリントデザインにおいても利用されており人気の字体スタイルのひとつです。 海外デザインブログCreativefanで、オシャレな印象を与える極太フリーフォントを20個まとめたエントリー「20 Big and Bold Free Fonts for Beautiful Typography」が公開されていたので、今回はこちらをベースによく利用する太字スタイルフォントを41個まとめました。 紹介したフォントの多くはすでに紹介していますが、個人的に太字フォントを利用することが多いのでよい機会かと思い羅列エントリーしています。 なおすべてのフォントは無料でダウンロードすることができますが、各フォントによって使用に関するライセンスは異なりますので、ご確認のうえご利用ください。

ハイクオリティーなフリーフォントまとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

Download high-quality free fonts for graphic designers and web designers.

Typography has been practiced and used in our daily life. Range from handwriting in a pocket notebook to the big advertising billboard. It’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.

One of the most critical and important step in web designing is the selection of right fonts especially for the main headlines and titles which are the focal point of any website and mostly delivers the major messages about your website. They play a very important role in achieving attractive look for your website. Best font choice for this purpose is big and bold fonts that’s why today we have compiled a list of 50 attractive and graceful bold fonts specially designed for big headlines and titles. Finding these kind of FREE high-quality fonts can be a major issue but we have solved your problem by collecting this huge number of fonts which can be used freely.

Create your own handwriting font in 5 minutes on the iPad with iFontMaker: http://2ttf.com – Jason Fried (jasonfried) http://twitter.com/jasonfried/statuses/19654745234

RT @milrayas: Gran descubrimiento del día!! iFontMaker para iPad. Crea tus propias tipografias de forma sencilla. http://2ttf.com #milrayas

Looks awesome. I've always wanted my own font -- looks like now I actually can have it!

iFontMaker™ is the first font editor exclusive for iPad™. With iPad touch interface, your 100% original hand typeface can be done in 5 minutes¹.

Create your handwriting font in 5 min with iPad