New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blackberry OS6 has really buggy SVG font support #43

Open
zachleat opened this Issue Dec 6, 2013 · 3 comments

Comments

Projects
None yet
1 participant
@zachleat

zachleat commented Dec 6, 2013

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

This comment has been minimized.

Show comment
Hide comment
@zachleat

zachleat Dec 6, 2013

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 commented Dec 6, 2013

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

This comment has been minimized.

Show comment
Hide comment
@zachleat

zachleat Dec 6, 2013

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 commented Dec 6, 2013

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 added a commit to filamentgroup/a-font-garde that referenced this issue Dec 6, 2013

@zachleat

This comment has been minimized.

Show comment
Hide comment
@zachleat

zachleat Sep 1, 2014

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.

zachleat commented Sep 1, 2014

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment