So I decided to implement these wonderful new fonts in a fail safe way where no site would fall victim to being crippled if/when the files were unreachable. Below are my cross-browser ways of doing just that, whether you would like to use the javascript loading method (example #1), or point directly to the css file (example #2).

The Google Fonts javascript loader method is nice because it gives you some css classes to use once the fonts have loaded, giving you more control over what your site looks like with or without the ‘fancy’ fonts, rather than merely relying on a font stack in the css to do that job.

(function() {
	var loaded = false;
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = 'http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	script.onload = script.onreadystatechange = function() {
		if ( !loaded && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") ) {
			loaded = true;
			// Handle memory leak - IE
			script.onload = script.onreadystatechange = null;
			// check before using - IE6
			if(window['WebFont']){

				// Put your WebFont calls here
				WebFont.load({
					google: {
						families: [ 'Yanone Kaffeesatz', 'Vollkorn' ]
					}
				});

			}
		}
	};
	var s = document.getElementsByTagName('script')[0];
	s.parentNode.insertBefore(script, s);
})();

(function() {
	var head = document.getElementsByTagName("head")[0] || document.documentElement;
	var link = document.createElement('link');
	link.type = 'text/css';
	link.rel = 'stylesheet';
	// enter the Google Fonts css url here
	link.href = 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Vollkorn';
	head.insertBefore( link, head.firstChild );
})();

Both can be placed in the head or foot of your page, although I recommend placing the snippet in the head so the file(s) will begin downloading as soon as possible.

Did you find this helpful, or have ideas to make it better? Let me know in the comments!

Photoshop’s new Content-Aware Fill is the auto-drool feature:

And Puppet Warp is blowing my mind:

Illustrator strokes mimicking brushes are awesome:

And Vector drawing in perspective is sweet:

Head over to Adobe to see the other cool features they’ve cooked up, or look for the tutorial videos this week from PhotoshopUser.com at their Photoshop CS5 Learning Center.

I currently use the library on this site (tentatively named ‘Themeo’) and will release an open source version once I’ve tweaked the code for easy configuration. The basic use will be to extend the library, creating a theme-specific class that will encapsulate your theme code.

class MyTheme extends Themeo {

	static public function get_header($file='header'){
		wp_deregister_script('jquery');
		wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"), false, '1.4');
		wp_register_script('app', Themeo::get_template_url() . "js/app.js", array('jquery'), '1.0');
		wp_enqueue_script('jquery');
		wp_enqueue_script('app');
		self::get_template_file('header/' . $file . '.php');
	}

	static public function get_sidebar($file='sidebar'){
		self::get_template_file('sidebar/' . $file . '.php');
	}

	static public function get_footer($file='footer'){
		self::get_template_file('footer/' . $file . '.php');
	}

}

And then calling your custom class in your theme’s files.

<?php MyTheme::get_header(); ?>

<?php if (have_posts()) : ?>
	<div class="posts">
	<?php while (have_posts()) : the_post(); ?>

		<?php MyTheme::get_template_file('post/loop-item-teaser'); ?>

	<?php endwhile; ?>
	</div><!-- .posts -->

	<div class="navigation">
		<?php next_posts_link('&laquo; Older Entries'); ?>
		<?php previous_posts_link('Newer Entries &raquo;'); ?>
	</div>
<?php endif; ?>

<?php MyTheme::get_footer(); ?>

This is a very simple example of how it could be used. More information to come as I get closer to releasing it.

Lyrics and music by Andy Blackwell and Aaron Giraudo. Demo recorded by Galen Breen at The Gator Hole recording studio.

Lyrics

Verse
I read the letter
That you wrote,
The one you never gave to me,
Containing words you never spoke.

Verse
It said you neglected,
The love we’d shared.
And through all our years together,
That you never really cared.

Chorus
Well, you could say you’re sorry
You could say the words were wrong.
But it wouldn’t make it better,
Or mend the damage done.

Verse
I’ve been staring in the mirror,
At the man I thought I knew.
I guess your love for him grew weaker,
Now I’ve got to think this through.

Verse
No more planning,
For the man you’d make of me.
You could spend your life, just killin’ time,
And never find that man you seek.

Verse
I left your letter
On my pillowcase,
When your laying down in bed tonight,
I hope it fills my space.

Chorus
Well, you could say you’re sorry.
You could say the words were wrong.
But it wouldn’t make it better,
Or mend the damage done.

Verse
Ya know I think my mind is clearer,
Now that I’ve heard your point of view.
I’m gonna pack my things and leave here
If it’s all the same to you.

Lyrics and music by Andy Blackwell and Aaron Giraudo.

Lyrics

Verse
‘Scuse me sir, can you lend me a hand,
I gotta make it home today.
Just got word that my daddy’s been hurt,
I hope to God I’m not too late.

My car broke down on the outskirts of town
I’ve been walking quite a ways
Can you gimmie a ride, cause I don’t have long
There’s a lot I need to say.

Pre-Chorus
This ain’t how supposed to be.
This ain’t how supposed to be.
This ain’t how supposed to be.
This ain’t how supposed to be.

Chorus
I’ll pick up the pieces of yesterday,
I’ll put ‘em back together and live today.
This can’t be the life I was meant to lead,
I’m gonna change my ways, just wait and see.

Verse
I just left school trying to play it cool,
With my mind in such a daze.
I answered the call, could not believe it at all
the news was just too hard to take.

If you can get me there soon I can mend all our wounds
and make up for my past.
I’ll beg and plead, it’s his forgiveness I need
today’s my only chance.

Pre-Chorus
This ain’t how supposed to be.
This ain’t how supposed to be.
This ain’t how supposed to be.
This ain’t how supposed to be.

Chorus
I’ll pick up the pieces of yesterday,
I’ll put ‘em back together and live today.
This can’t be the life I was meant to lead,
I’m gonna change my ways, just wait and see.

Lyrics and music by Andy Blackwell and Aaron Giraudo. Demo recorded by Galen Breen at The Gator Hole recording studio.

Lyrics

Verse
Down on bended knee,
I put my life in your hand.
Here right beside you
Is the only place I can stand.

Verse
Loved others before you,
Or so I believed
but since I’ve found your love baby
I see you are the strength that I need.

Chorus
Everywhere else I’ve had weakened knees,
But they’ve never touched the ground.
I consider it a vow worth making
To match the love that we have found.

Verse
Together we can build a life
with our love, hopes and dreams.
A family to fill our happy home,
Will be more to learn, more to love, and it makes it worth the wait.

Verse
Everywhere else I’ve had weakened knees,
but you were nowhere to be found.
Now you are the song I sing,
You are the words, you are the sound.

Chorus
Everywhere else I’ve had weakened knees,
but you were nowhere to be found.
Now you are the song I sing,
You are the words, you are the sound.

Lyrics and music by Andy Blackwell.

Lyrics

All alone, I sit and listen,
For the sound of passing planes.
I’ve been lost, for countless hours
While my enemies have gone and saved the day.
While my enemies have gone and saved the day.

But I found my shotgun and patched up my shoulder,
And I’ve got sight back in my eyes.
In a minute I’ll be ready.
Gotta get myself the hell outta here.
Gotta get myself the hell outta here.

Here I go walkin’ away into the burning sky.
I hope and I pray, that I find my friends,
That I find my friends, that I find my friends…alive.