background preloader

Typechart – Browse Web Type, Grab CSS.

Typechart – Browse Web Type, Grab CSS.
font-family: Helvetica, Arial, sans-serif; font-size: 44px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -2px; line-height: 1.2em; Close font-family: Cambria, serif; font-size: 16px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em; font-family: Georgia, serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 2em; font-family: Georgia, serif; font-size: 20px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; font-family: “Lucida Grande”, sans-serif; font-size: 10.4px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em;

http://www.typechart.com/

Related:  FONTS

Fontographer The Kleper Report on Digital Publishing - Issue 16.4 July / August 2011 "Fontographer 5.1 is the best-in-class font editor, the flagship application that has launched a thousand faces (and more). Not only does it excel as a powerful and flexible font editor, it enables the serious typographer to customize their existing fonts, add new glyphs as needed; critically adjust kerning and spacing; convert old fonts to a new format; and more."

Fontograph - This week's selection This page is updated with a new selection of ten fonts at the end of every week. Don't hesitate to come back often. The old weekly selections can be found in the Archives section of this site. Click the left mouse button on a font's representation to get it or click with the right mouse button and choose 'save link as' in the dialog box. Dingbats Font of the week - Caveman Dingbats :

Blogs » Web Design, Web Development, Freelancing, Tech News and more…. » Ten Beautiful CSS Web Sites of 2010 It’s reflection time of year, and this week on Sitepoint I’m looking back at some of the loveliest/most interesting/coolest designs of 2010. As there are now approximately 15 gazillion sites online, I am basing this selection of HTML and CSS-based sites on those which have appeared on the CSS Awards site, which is always a great source of inspiration, awarding a Site of the Day and a Site of the Month. The CSS Awards site criteria web design 50% creativity 25% content 15% usability 10%. I’m also interested to hear what YOUR favorite CSS sites of the year are, too, so please add them in the comments section below. So in no particular order, here are some of the sites that caught my eye. Many of them are portfolio sites and I always find it interesting to see how designers present their work.

Photoshop Tutorials Introduction Over the years as a graphic designer I’ve accumulated a wealth of custom brushes, shapes and actions that I keep carefully organized and labeled for future use. The brush set I’ll be sharing with you today has been in my collection for probably five of six years and every once in a while I’ll find a good reason to load it into my brushes palette. If you’ve never done that before, don’t worry, I’ll walk you through it as we go. If you’re playing along at home you should download the brush set before we get started. Step 1

Browse Web Type, Grab CSS. font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em; Close font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: -0.1; line-height: 1.4em; 10 Free Beautiful Calligraphic Fonts Mar 05 2010 By Paul Viluda The word “calligraphy” is derived from two Greek words, denoting “beautiful writing”. Calligraphy or the art of writing has thousands of years in its history and development, and indeed calligraphy fonts, which we often use these days on our PCs to create a postcard or a wedding invitation card, are absolutely about aesthetics, refinement, creativity, and pure beauty.

How to Create CSS3 Speech Bubbles Without Images » JavaScript & CSS » SitePoint Blogs I remember my creating my first image-less speech bubble many years ago. It required a long-winded JavaScript function to inject elements into the DOM, some horrendous CSS, looked fairly awful, and didn’t work well in IE5. CSS3 is starting to change our lives for the better. 72 Creative And Smart Typographic Logo Inspiration If we are starting to go crazy in typography style, then let’s continue with typographic and smart logo designs, shall we? Here you’ll find 72 beautiful logos created by talented designers. This showcase just proves the point how much can one/two words, icons tell using correctly white, negative, positive spacing, colors, accents creating interesting associations. Explore and get creative as I did!

25 Best Free Calligraphy Fonts 25 Best Free Calligraphy Fonts: Typography including font style, font size etc. are very important part of website. Even if you have an amazing design for your website, till you have readable content in it, your website wouldn’t serve the purpose. You want your readers to read the website content and you can succeed to do the same with effective use of fonts. Similarly, while creating logos and banners, effective use of fonts is important. There are different types of fonts such as Arial, Times New Roman, Calibri and more.

30 of the Best Web Typography Resources Online It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can help you improve your web typography, regardless of which camp you fall into. There are tools for creating unique typography, references and articles that can teach you typographic principles, and plenty of inspiration and news to keep you updated on the state of web typography. Typography Tools

125 Creative Text Based Logo Designs For Design Inspiration A Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. Typically, a logo’s design is for immediate recognition. The logo is one aspect of a company’s commercial brand, or economic or academic entity, and its shapes, colors, fonts, and images usually are different from others in a similar market. Logos are also used to identify organizations and other non-commercial entities.

Converting a Design From PSD to HTML Several weeks ago, I showed you how to take a PSD design and convert it into HTML and CSS. Given the popularity of that particular tutorial, I've decided to create a second series. However, I'm not much of a designer. Instead, I asked Collis if he would allow me to use the design that he used for a recent tutorial for Web Design Week. Just like last time, I'll take you through the process step by step - even through the tedious parts.

Top 20 Most Beautiful Calligraphy Fonts Calligraphy is the art of writing that has different strokes, brushes and bursting with fine-art design writing. It is usually used for wedding invitations way back years ago, but recently more and more design elements are using calligraphic font style as part of their full-packed layout. Here is a list of the top 20 most beautiful calligraphy fonts to check out: 1. Lamar Pen Lamar Pen is a classic and stunning hand-writing calligraphy font style of Mirabeau Buonaparte Lamar.

Related:  Herramientas Tipográficasblogs typosfontsfontswebTypographypedrokoblitztypographytypographyOutils pour site webCSSType