background preloader

The Elements of Typographic Style Applied to the Web – a practical guide to web typography

The Elements of Typographic Style Applied to the Web – a practical guide to web typography

WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? @font-face in IE: Making Web Fonts Work All Hallows’ Eve seems the perfect time for something a little spooky. Getting @font-face working in IE may just be spooky enough. As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta. With IE, that means around 75% of the world audience could see custom typefaces today if their EULAs allowed it. Fortunately, there are good free faces available to us already, as well as some commercial faces that permit embedding. Fontin is one of them and I’ve built it into this example page:

30 Fonts You Want to Have Everyone has their own personal preferences when it comes to deciding what fonts to you one their designs. Depending on the project type and what the design is for, certain fonts make more sense in certain situations than in others. There are millions of fonts out there – not one list could ever list them all. Some are available for free, and others will cost you a little bit of dinero, but in the end, the larger font collection you have the better off you’ll be in ensuring you have the perfect font to meet your clients needs. We’ve compiled our own list of 30 fonts we think you should have if you don’t already have them.

960 Gridder - Lay out websites with ease. What is this? 960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites. The idea came when designing a website for a student organization where I worked with several designers that handed their lay outs and designs in Photoshop format with a similar grid built-in to me.

Folk : Marcelo Magalhães Collection of illustrations for personal projects.Drawing, Illustration, Painting2013 Cover art for a Boogie Woogie Trio from Switzerlad.Graphic Design, Illustration, Packaging2013 This typeface is a ongoing project developed on the summer program of typeface design at The Cooper Union, NY.Typography2012 Visual identity and portfolio presentation for a photographer.Branding, Packaging, Print Design2012 Series of letterings/logos created for the sections of the website showlivre.comArt Direction, Graphic Design, Typography2013 Collection of Logos.Branding, Design, Graphic Design2012 Typeface design.Graphic Design, Typography, Branding2011 Some Advertisings for Rádio Eldorado.Advertising, Creative Direction2012 I was invited by my friends at Seis e Um Audiovisual to create the visual identity to theirs new weblog Audiovizuando, almost everything about gadgets, cams with a lot of humor.

Web fonts with @font-face Home / CSS3 Previews / Web fonts with @font-face Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages. To use web fonts, each form of the font family must be declared using the @font-face rule; for example, to use both regular and italic forms of Jos Buivenga’s Delicious font, you would put the following in your stylesheet: Then call it using font-family: Beautiful Type - Links We could say that 2010 was a great year for typography on the web... With the arrival of new tool and services, web designers are not limited to websafe fonts and that's great. You could find lots of websites which treat about typographic subject but few could be taken as reference.

W3C - CSS Fonts Module L3 Abstract This CSS3 module describes how font properties are specified and how font resources are loaded dynamically. The contents of this specification are a consolidation of content previously divided into CSS3 Fonts and CSS3 Web Fonts modules. The description of font load events was moved into the CSS3 Font Load Events module.