background preloader

So you want to create a font. Part 1

So you want to create a font. Part 1
By Alec Julien So you’re a brilliant designer, a master calligrapher, and you’ve learned all about serifs, side-bearings, and kerning. Now you want to create your own font. (What! You haven’t learned all about serifs, side-bearings, and kerning? The Crux: Font Editing Software All the brilliant design, precise calligraphic work, and deep knowledge of kerning won’t mean anything if you can’t translate your work into a computer-friendly format, which is why you’ll need a good piece of font editing software at your disposal. Font Editing Programs FontLab Studio is what I use to make my fonts. All of these programs operate on the same principles, differing in specifics, interface, and levels of options and power. Once you have a good font editing program, there are three basic routes to creating a font. Method 1: Draw it on paper Tools You’ll Need Are you artistic? Scan your beautiful work into Photoshop, and then turn your image into a bitmap (black and white—no shades of grey). Almost there. Related:  Resources/toolsIllustrator

Fonts: The Skinny, Thin, And Beautiful I’ll admit it, While I do have a thing for bold fonts, I also have a thing for skinny, thin and beautiful fonts. I’m not ashamed! And I know you probably have a thing for skinny fonts as well. The list I have compiled ranges from cheap to affordable, to expensive. Soho Sans Thin Helvetica Neue Ultralight More…Helvetica grew in popularity throughout the 1960s and 1970s, and more versions of the family were introduced. Chalet Paris 1960 Omnes Hairline Originally conceived as the brand typeface for a national retail chain, Omnes meets the need for a rounded typeface which is neither overly mannered nor excessively literal in its approach. Lubalin Graph was designed by Herb Lubalin. Archer Sweet but not saccharine, earnest but not grave, Archer is designed to hit just the right notes of forthrightness, credibility, and charm. Apex Serif Light Paz Thin Paz, a squarish 4-weight industrial family, ranging from extreme hairline to black. Want more skinny fonts? fonts, typefaces and all things typographical — I love Typography (ILT) Tag "Free Fonts" on Smashing Magazine Every now and then, we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Tondu, Banda, Morning Glory, Matilde, Bohema, Weston Round Slab, Highlands, Cabin, Linden Hill and other fonts.

A study in brand minimalism by Mehmet Gozetlik Fonts - using them in web design This gives information about fonts in web pages. Note : this page uses the word font for what is more correctly termed a font family. E.g., this page uses “Arial font” to refer to all members of the Arial font family, in all its sizes, weights, and variations; and this page uses “generic font” for the term “generic font family” which appears in CSS specifications. User Default Fonts Browsers typically let users pick fonts to be used when pages do not suggest fonts using either CSS or <font>, or when the user has set an option not to use fonts suggested by the page. E.g. With many browsers these fonts may be different from the 5 CSS generic fonts. Generic Fonts When using the CSS font-family property to style text, there are five generic fonts: serif, sans-serif, cursive, fantasy, and monospace. There are three important issues to consider about these fonts. Let’s consider each of these issues. Selecting Installed Fonts as Generic Fonts CSS List of Fonts Suggesting Fonts Common Fonts Mobile Fonts

25 Downloadable Freebie PSD Website Layout Mockups Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off The Internet is full of free downloadable goodies for creative artists. This design gallery includes 25 free downloadable PSD mockups. Focus Landing Page Appz iPhone App Page Display Portfolio Fonzo Landing Page Intent Creative Seven Oaks Jetro Portfolio Spotlight Landing Page Gridzilla Portfolio Theme Blitz Business Theme Creativio Smart App PH vCard Portfolio Claymore eCommerce Theme Calm Bla Bla’s Portfolio Perth Flat Theme Flat Mate Agency Web Template Shop Website Theme Selly Landing Page The Lab About Jake Rocheleau

Top 10 Brand Logo Mistakes - Bad Logo Design | Design If you close your eyes and picture Coca-Cola, McDonald’s, or Nike, what instantly comes to mind? Their famous graphic representations, of course. No one can put a price on the value of an instantly-recognizable company logo when it comes to building a brand. If you’re on a quest to find your dream design, make sure that you avoid these common mistakes: 1. Because the new logo will become the ultimate symbol of your business, it doesn’t make sense to skimp on this item. 2.Trendy Designs Remember that your new company logo is intended to represent your business for the life of the enterprise. 3. Company logos created using raster graphics do not reproduce with the same quality level as one designed with vector graphics. 4.Stock Images Your goal with a company logo is to create a unique image with an exclusive licensing agreement. 5. 6. Simple designs are easier for your customers to remember. 7. Rushing to add color is one sign of a novice designer. 8.Wrong Fonts 9. 10. Guest Post Author

@font-face and 15 Free Fonts You Can Use Today 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. We’ll take a quick look at using @font-face in CSS and 15 great free fonts you can start using today. What is @font-face? @font-face is a CSS rule that lets web designers link to a font that visitors may not have installed. Once the font is linked, it is used just like you would use any other font in your CSS. You MUST be sure the font you intend on using is appropriately licensed for @font-face linking/embedding. Why Use @font-face? @font-face doesn’t rely on any technologies other than good’ol CSS, the font file you want to use and a capable browser. Browser compatibility is getting much better too. While that still leaves a lot of web users without @font-face support, it’s okay because they will just get another font in your font stack. Here’s what we get. ttf2eot