Blackberry OS6 has really buggy SVG font support

[zachleat]

trafficstars

Anecdotal confirmation: https://twitter.com/lyzadanger/status/233011519422619649

But that image duplicates the issues I’m seeing. Only a small subset of characters are rendering.

Workaround: Just remove the SVG font entries. iOS 4.1 and below also used them, but iOS 4.1 usage is minimal and we can relegate it to fallback experiences.

[zachleat]

Related, some people are using SVG fonts for smoother rendering on Windows 7/Chrome: http://www.fontspring.com/blog/smoother-web-font-rendering-chrome

[zachleat]

Here’s the MQ I used to fix this issue, a separate font-face for the SVG font on new WebKit:

@media (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    @font-face {
            font-family: icomoon;
            src: url('fonts/icomoon.svg#icomoon') format('svg');
    }
}

[zachleat]

Update: Given that Chrome 37 and Opera 24 now use DirectWrite on Windows in the stable channel, the above media query is now unnecessary. Just don’t use SVG in your font stack.