Browsing Tag

font-face

Sort by

Quick Tip: Ever Thought About Using @Font-face for Icons?

Quick Tip: Ever Thought About Using @Font-face for Icons?

on Apr 23rd 2010 with 121 comments

The evolution of Internet technologies never ceases to amaze. Seemingly daily, new concepts and techniques are being thought up by creative and talented people. With modern browsers being adopted at a greater rate, systems like CSS3 are becoming more and more viable for use on projects of all sizes. Clearly, this can be seen by looking at new services sprouting on-line like TypeKit. Conceptually, if we deconstruct a font down to it’s basic elements, we can make use of this technology for things other than type, icons.

(Continue)


This entry is part 11 of 16 in the CSS3 Mastery Session
Quick Tip: How to Work with @Font-face
videos

Quick Tip: How to Work with @Font-face

on Feb 9th 2010 with 85 comments

Due to the fact that @font-face can be a bit overly complicated, it hasn’t caught on quite as much as it should. Once you start reading about licensing, different font formats, browser consistencies, it can potentially become more trouble than it’s worth.

But – in five minutes, I’ll try to simplify the process of working with custom fonts as much as I possibly can. Services like Font Squirrel help to make the task a cinch!

(Continue)

TypeKit: Removing the Wrapping Paper
videos

Typekit: Removing the Wrapping Paper

on Oct 15th 2009 with 119 comments

Services like Typekit live and die by how intuitive their products are. A couple weeks ago, I finally received my beta invite to join. For those unfamiliar, Typekit is a service that allows you to use a plethora of fonts on your own site with minimal effort.

This video demonstrates just how easy Typekit is to work with. Rather than being a tutorial per se, this is more akin to removing the wrapping paper for the first time! I literally pressed record with zero knowledge of how to use Typekit. However, as you’ll soon see, this service very well might prove to be the number one choice for designers and developers, once it officially launches. I know I’m on board!

(Continue)

The Battle Wages on with 5 New Screencasts
videos

The Battle Wages on with 5 New Screencasts

on Oct 7th 2009 with 36 comments

Each day this week, we’ll post five of the top twenty-five videos from the Nettuts+/Screenr competition. Your job, if you choose to accept it, is to review these short web development video tips and choose your favorite one in the poll below. How should you judge? Quite simply – there are no rules! Pick the one that helped you the most. The most chosen video each day will earn a spot in the top five at the end of the week!

As we move into the third day of this screencast competition, we have new entries on topics ranging from querying WordPress to submitting forms with Mootools to using custom fonts with CSS!

(Continue)