June 3, 2012

Inspiration: The hand-cut art of Annie Vought

The detail of the hand-cut works from Annie Vought is stunning.

May 14, 2012

Vintage Motorcycle Typography

I had the neat experience of going to the Barber Vintage Motorsports Museum here in Birmingham, Alabama. I wasn't expecting that I would like the museum as much as I did. The collection of vintage typography on the beautifully crafted motorcycles were just stunning. I also really enjoyed some of the old pressed metal work and emblems. Here are some photos of the vintage type.

April 28, 2012

Inspiration: Knife Typography by Farhad Moshiri

I love this knife typography installation by Farhad Moshiri

via Knife Typography | Colossal.

April 18, 2012

Want: Scrabble Typography Limited Edition

I wish all board games looked so fine as this  Scrabble Typography Limited Edition.

Scrabble Typography Limited Edition | The FontFeed. h/t @miklb

 

March 22, 2012

Origami Typeface!

I just love this typeface that looks like origami! It reminds me of the one that I made for my site. You can download the font and the illustrator file for free if you like them on facebook. link: Animated Typeface That Folds Like Origami.

I made one of my own:

February 6, 2012

Presentation: “Font Swoon – Advanced Web Typography” at WordCamp Atlanta

At WordCamp Atlanta this past weekend I gave a presentation called "Font Swoon - Advanced Web Typography." We geeked out on fonts that I like an discussed methods of implementation.. and some neat type scripts and extensions. It was a fun talk as I especially love it when I can speak on something I'm passionate about.

without further delay:

November 21, 2011

Jonathan Hoefler – “type at the crossroads” AIGA Video


Love this video of Jonathan Hoefler speaking at the AIGA Pivot Conference. Epic talk from one of the most respected foundries in the industry. More info here: http://www.aiga.org/video-pivot-2011-hoefler/

October 16, 2010

Slides from WordCamp NYC “Typography and Your Theme”

Thanks to everyone who came out to my session at WordCamp NYC! I've uploaded my slides to slideshare for you to view. Please feel free to leave comments or even just let me know what your favorite webfont is!

October 15, 2010

Speaking at WordCamp NYC!

WordCampNYC – Oct 16-17I'm so excited for WordCamp NYC this weekend! There are going to be so many talented people there it is almost overwhelming! I feel so honored to be speaking amongst this incredible lineup. If you're going, come see me speak about Typography and Your Theme. If you live in NYC or just want to come to these other incredible sessions: All you need to do is Register for WCNYC today. Make sure to find me and tell me hello! :) Here is my session description:

Typography and Your Theme:

Believe it or not, generally WordPress sites are made up mostly of typography. This makes the relationship that these typographical elements have to each other very important. The New WordPress 3.0 default theme Twenty Ten has incredible typographical elements. In this talk I will be using a child of Twenty Ten as an example of customizing the theme’s typography. I will be going over how to plan these typographical elements out, their style and color, how to make a site/brand guideline for your Twenty Ten child theme to keep consistency, what different services to look at for your non-system fonts, typographical CSS tips and tricks, and how to account for every little detail and make sure no type element goes un-styled!

October 4, 2010

Targeting Your Fonts in Firefox on Windows

Well, you can use this trick for just about anything in your CSS really. It just so happens that at a certain small weight, Museo Sans really crunches on Windows XP Firefox. Weather or not we can target specifically XP I'm not sure yet.. (if anyone knows chime in!) But we can target all Firefox's on all Window's Machines. So here is how you do it...

1. Make a css file called ff.css and put this code in there:

[code]

@-moz-document url-prefix(){
#hackery {
font-family: Helvetica, sans-serif;
}
}

[/code]

Now that you've made your little hack document...

2. fill up in between the moz brackets with whatever selectors you are trying to change.

3. call your new ff style sheet in your header.php like so:

[code]

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], "Windows", 0) !== FALSE) { ?>
<link rel="stylesheet" type="text/css" media="all" href=&quot;ff.css" />
<?php } ?>

[/code]

voila! Firefox targeted on only windows!

You can now fix your fonts and go from this: (crunchy liberation serif to georgia italic)

to this:

To target Window XP in particular (note that this would not cover versions before that), this should work.

[code]
<?php
if ( false !== stripos( $_SERVER['HTTP_USER_AGENT'], 'Windows NT 5.1' )
|| false !== stripos( $_SERVER['HTTP_USER_AGENT'], 'Windows XP' ) ) :
?>
<link rel="stylesheet" type="text/css" media="all" href="ff.css" />
<?php endif; ?>
[/code]

Sara Cannon is a UX/UI Designer, Former Business Owner, Creative Director, & Artist remote working in Birmingham, Alabama. 
Have a project I could help you with? Contact me at sara@saracannon.com.

Skip to content