The many faces of font face

fontface.css

// Just a bit of fun, http://www.thecssninja.com/demo/css_fontface/

// Happy face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('☺'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Sad face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('☹'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Bone face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('☠'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Inverted face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('☻'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Snow face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('☃'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Creepy face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('〠'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}

// Not really a face
@font-face {
    font-family:InYourFace;
    src: url('Ubuntu-B.eot?') format('⌛'),
         url('Ubuntu-B.woff') format('woff'),
         url('Ubuntu-B.ttf') format('truetype'),
         url('Ubuntu-B.svg#webfontssbCkuz5') format('svg');
}