Find the perfect font combinations

There’s FontFuse and there’s WebINK. They go together like oatmeal goes with brown sugar. One of them suggests pairs of fonts that look really good together. The other one offers up the fonts for embedding in your web pages at a reasonable price.

FontFuse offers great font pair suggestions, like this one:

font fuse

They invite you to submit your own ideas for font pairs to the site. Right now, WebINK is sponsoring a font pairing contest on the site. To enter, create a font pairing and submit it for the design community to vote on. The entrant with the most votes by Feb. 25 will receive a VIP trip for two to the 2011 SXSW Interactive event in Austin, TX in March. More details on the contest.

Which brings us to WebINK. What are you supposed to do once you have a nice font pair in mind? Why, get them from WebINK, of course.

WebINK has fonts, lots of fonts. And their pricing is pretty darn good.

webink pricing

You get the fonts at WebINK and embed them in your page using CSS.

Use the @font-face rule in your CSS.

@font-face {
font-family:'BluejackURWTMed';
src:url('http://fnt.webink.com/?drawer=9499E74E-1234-EFAP&font=1D852-7559-20B3');}

Style any element with that font:

body {font-family:'BlueJackURWTMed',san-serif;}

WebINK may not be any better than any other font source out there – I’m not trying to convince you of that. But they get points for the creative use of the sister site FontFuse. In a world where a good marketing idea can take you a long way, this seems like a winning idea to me.

I am not affiliated with either of the sites mentioned, nor did I receive anything in return for this review.

Useful Links: FTC, font-embedding, microformats

The FTC and their new guidelines at Worker Bees Blog is a round up of all the correctly vetted and fact checked information about the new FTC guidelines for bloggers. If you want the straight story, go there.

Becoming a font-embedding master from Jonathan Snook takes a look at all the aspects of this technique.

A truly excellent presentation from Emily Lewis of A Blog Not Limited is Basics of Microformats. Emily has a book coming very soon titled Microformats Made Simple. She really knows her stuff and can make the presentation sing when she delivers it in person and answers questions along the way. Need a speaker for your conference who can talk about microformats? Here she is.

Useful links: Internet history, professionalism, font embedding, iPods in education

Why Apple is betting on HTML 5: a web history is interesting on several levels. For an educator teaching an overview of the Internet or a history of the web class, the article is one that could be helpful and useful in the classroom. For web developers interested in HTML5, this article looks at support for the specification from the point of view of industry—browser makers and software developers. It talks about why various industry leaders are supporting HTML5 and what that means to the implementation of the spec, which is currently in the working draft stage.

The State of the Web Profession isn’t really about the state of the web profession. It’s more of a plea to web developers to act professionally.

Roundup of Font Embedding and Replacement Techniques is an excellent resource for someone who wants to know all about font embedding and needs a good list of places to get educated.

What happens when you give a class of 8 year old children an iPod Touch each is fascinating. Be sure to scroll down and watch the film.