Substituição de texto com @ font-face e base64

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;
}

http://www.ffoodd.fr/la-schizophrenie-semantique-dun-logo/