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 :
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; ttf2eot on the web! Use this tool to convert a TrueType (TTF) font file into an OpenType (EOT) font file, for use with Internet Explorer for embedded fonts. After using this tool, you will be able to embed fonts on your web pages that can be seen on Internet Explorer 4 and higher, and all current modern web browsers that support embedded fonts via CSS3 (Firefox 3.5 and higher are among such browsers). See the Restrictions that are in place for this web application.
Convert OpenType Font => Woff Web Font Can you imagine free web hosting service that has 99.9% uptime? Too good to be true? No more! 000webhost.com has made the revolution, forget the stereotype that free hosting is unreliable.. 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
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.
This Is Tomorrow Typeface Classification For the purposes of typeface classification, font families broadly divide into seven major groups: Slab Serif, Serif Old Style, Serif Transitional, Serif Modern, Sans Humanist, Sans (Neo)Grotesque and Sans Geometric. Poster features well designed font classics and large font families being classified into two separate categories. Design: Marcin PlonkaClient: Self-initiated Year: 2009 Photography portfolio January 21st, 2008 by ART-D Posted in Adobe Photoshop, Web Layout Awesome photography portfolio design with a lot of content boxes and an attractive look. Create a new file (File>New) that would have 800×800 px and 72 dpi. Selecting the Paint Bucket Tool (G) may help us to paint the new file with the next color #111111 Next we have to use the Rounded Rectangle Tool (U) (radius 7 px) to represent the primary layer reserved for the menu’s button, situated on the site’s header.
30 Best Photoshop 3D Text Effect Tutorials Early this year, I shared with you some “30 Astonishingly Fresh Examples of 3D Typography“. Now we have 30 of the best Photoshop 3D text effect tutorials rounded up for everyone who wants to create their own stunning 3D text effect. 3D text effect is a strong and eye-catching text effect, and quite easy to create as opposed to many preconceptions that only hardcore digital artists or designers can do this. You don’t need to learn a separate 3D software in order to create one. For most basic 3D effects, you’ll only need Photoshop, using bevel and emboss styles, pattern overlays, along with combining different techniques to seamlessly mount your 3D text into a related background. So if you’re looking for the best looking and stunning 3D text effect tutorials for you to learn, look no further.
Portfolio Web Layout April 18th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout Learn how to create a web layout with services, portfolio, careers and others. Select File>New option with 800×720 px and 72 dpi. Select the Rectangle Tool (U) to represent the background of the site to be next: Make the necessary adjustments on the layer’s parameters in the layers’ panel:Blending Options>Gradient Overlay Gradient’s parameters: Typographic unit Typographic units are the units of measurement used in typography or typesetting. The traditional units are different from common metric units, as they were established earlier. Even though these units are all very small, across a line of print they add up quickly. Confusions such as resetting text originally in type of one unit in type of another will result in words moving from one line to the next, resulting in all sorts of typesetting errors (viz. rivers of white, widows and orphans, disrupted tables, and misplaced captions). Development[edit] In Europe, the Didot point system was created by François-Ambroise Didot (1730–1804) in c. 1783.
12 Fantastic PSD to HTML Tutorials As people become more interested in web development, the demand for quality tutorials arises. One of the most frequently requested tutorials is on the topic of slicing your PSD into quality HTML and CSS code. This is quite an intensive process and it can be hard to learn on your own. Font Etymology[edit] [edit] In a manual printing (letterpress) house the word "font" would refer to a complete set of metal type that would be used to typeset an entire page. Unlike a digital typeface it would not include a single definition of each character, but commonly used characters (such as vowels and periods) would have more physical type-pieces included. A font when bought new would often be sold as (for example in a Roman alphabet) 12pt 14A 34a, meaning that it would be a size 12-point font containing 14 uppercase 'A's, and 34 lowercase 'A's.