Personagens estranhos do Chrome SVG webfonts na entrada de seleção
O Chrome 26.0.1410.64m no Windows 8 tem problemas ao renderizar WebFonts. É um problema conhecido e uma solução é primeiro servir a versão svg da fonte em vez da versão woff. Ele corrige o anti-aliasing e torna a fonte bonita novamente.
A desvantagem desse método é a renderização estranha dentro do elemento dentro de entradas selecionadas.
Eu adicionei um jsfiddle para vê-lo em ação:http://jsfiddle.net/4mSpv/6/.
O CSS é tão simples quanto pode ser.
@font-face {
font-family: 'Montserrat';
src: url('https://raw.github.com/louh/website/master/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: 400;
font-style: normal;
}
select {
font-family: 'Montserrat', sans-serif;
}
Eu removi a instalação local de uma fonte e notei um outro computador windows 7 fazendo o mesmo. Alguém sabe o que está acontecendo com o cromo? (IE, Firefox, Safari tudo render bem)
PS: Outras fontes de navegador não incluídas no JSFiddle para filtrar o problema e cada navegador tem suas próprias peculiaridades (não permitindo o tamanho da fonte, etc), mas torna o texto bem