Estilizável, escalável, leve e sem esforço snippet de substituição de texto: my own logo é uma fonte de um único caractere compactada e depois codificada em base64, carregada via @ font-face e personalizada via css.
Nem um único pedido de http – exceto o css, é claro!
Bônus : usar um atributo de dados ajuda muito na acessibilidade .
@font-face {
font-family: 'logo';
src: url('font/logo.eot');
src: local('?'), url(data:font/woff;charset=utf-8;base64,...;
font-weight: normal;
font-style: normal;
}
h1 a {
font: 0/0 a;
text-decoration: none;
}
h1 a:before {
content: attr(data-icon);
font: 200px/250px 'logo';
text-decoration: none;
}