Chromowane strony SVG zawierają dziwne znaki w wybranym wejściu
Chrome 26.0.1410.64m na Windows 8 ma problemy z renderowaniem WebFontów. Jest to znany problem i rozwiązaniem jest najpierw udostępnienie wersji svg czcionki zamiast wersji woff. Naprawia antyaliasing i sprawia, że czcionka wygląda całkiem ładnie.
Wadą tej metody jest dziwne renderowanie wewnątrz elementu wewnątrz wybranych wejść.
Dodałem jsfiddle, aby zobaczyć to w akcji:http://jsfiddle.net/4mSpv/6/.
CSS jest tak prosty, jak to tylko możliwe.
@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;
}
Usuwam lokalną instalację czcionki i zauważyłem, że inne komputery z systemem Windows 7 robią to samo. Czy ktoś wie, co dzieje się z chromem? (IE, Firefox, Safari wszystko w porządku)
PS: Inne czcionki przeglądarki, które nie są zawarte w JSFiddle, aby odfiltrować problem, a każda przeglądarka ma własne dziwactwa (nie zezwalając na rozmiar czcionki itp.), Ale renderuje tekst w porządku