Resources:
Google Font Directory
Google Font API: Getting started
Google Font API: WebFont loader Javascript library
Google Font API: Technical Considerations*

* Of course browser compatibility is important. And, as usual, Internet Explorer is the dunce.

Anyway, let’s get on to the cool stuff…

1. Choose your font
Hit up the Google Font Directory and decide which one(s) you want. Yes, you can have more than one. Then, click on the font and check out the different levels and variants. The most important piece here though is grabbing the code. Click on the “Get the code” tab and copy that CSS link.

Looks like this:
<link href=’http://fonts.googleapis.com/css?family=Cantarell’ rel=’stylesheet’ type=’text/css’>

You can also select different styles (regular, bold, italic, etc.) which will add on the extra parameters to the link.

Looks like this:
<link href=’http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic’ rel=’stylesheet’ type=’text/css’>

And if you’re feeling the @import, feel free to do this:

@import url(http://fonts.googleapis.com/css?family=Cantarell);

2. Let’s build a simple Web page for testing
Here is a link to a very simple design utilizing the Google Font Cantarell from above. Feel free to look through the code and try it yourself. You can download the code package here.

I’ll be updating this post with a few more examples as time goes on. I very much believe Google Fonts is in super beta right now. Fonts are a little messy but, after all, they are Web fonts. I’m hoping they will add a few more variations and families in the future.

Stay tuned.

As a Web developer/designer I’m on the go all the time and my iPhone and iPad are attached at the hip. I’ve used many of these apps on the iPhone but the iPad really unlocked their potential with more space and more processing capability. Check ‘em out and leave some comments. I know, I know, no freebies. Sadly most of these productivity apps are pricey. But support your colleagues, right?

1. FTP on the Go Pro ($9.99)
Connect to all of your servers and edit code live. This app saved me on the iPhone a few times. Now it’s even easier on the iPad. Sure, it’s not free but how cool is fixing that controller on the fly when the boss calls pissed off and you’re at the Girl Talk concert? That didn’t really happen. Just sayin’.

2. Keynote ($9.99)
Yep. You might need to present that new dev plan. Now you can do it on the iPad. Then. Look cool when you plug in and say, “Did that on the iPad.”

3. Sketches 2 ($4.99)
Great for sketching up ideas. I love the graph paper background. Very useful for building out ideas on the go.

4. iDisplay ($4.99)
Your iPad as an extra monitor. What! Yeah it’s pretty cool. Requires software on your desktop, which is a little clunky but not too bad. Then you can test tablet browser views right there. Think about it. Yep.

5. Markup ($9.99)
A little more intuitive than FTP on the Go but more buggy. Nice environment for coding. Code Monkey is also available but it’s messy. I’ve found FTP on the Go is quick for good edits but Markup is for real coding.

6. Analytics HD ($6.99)
You spent all that time on your site don’t you wanna know how it’s doing? Of course you do. I have the Analytics app for my iPhone and use it every day. I like the HD interface more and it allows me to see more data at once. A must have.

7. Things for iPad ($19.99)
Kinda pricey but it pays for itself over and over again. Keep track of everything in your life. If you’re like me, you have multiple projects in the air at one time. Things is your backup secretary. Sort lists by project and order them by due date. It’s easy to find what you need to know on the go. Also, if you have e desktop software for Things, you can sync your iPad with all of your Things.

8. iSSH Console ($9.99)
If you spend as much time in Terminal as you should be then this app is a must have. Full xterm support with color as well. SSH into server easily with multiple active connections. Also import RSA keys and much more. Great for any developer.

9. Class Browser for iPhone Developers ($1.99)
When you’re in the middle of Objective-C and you forget a class, this app is there for you. Sure you can always Google it. But this app, not free but cheap, sorts all SDK classes alphabetically. Very useful when you know what you’re looking for. Good reference but probably not a must.

10. Code – Source Code Viewer ($1.99)
Love this app and it’s cheap! View the source code of any site within the app. Or, use the Safari bookmarklet to view code. Great resource when you’re curious what’s under the hood.

Also, check out http://orangegoatmedia.com and sign up to receive notifications when the new site launches.

Rock on.