Obsolete
Status Update
No update yet.
Comments
su...@gmail.com
I found this same problem in Thai charactor too.
ra...@gmail.com
you must make sure the font on your android use default.
because android get first font from local.
because android get first font from local.
jo...@gmail.com
Randdy, what do you mean by: "you must make sure the font on your android use default. because android get first font from local"?
The purpose of the CSS @font-face is for the WebView (or the browser) to be able to use custom font either placed on a certain folder (locally) or even remotely. The HTML illustrated to show the bug use a local file:
src: url('file:TITUSCBZ.TTF');
This test worked in Android 3.2 well but it is not working in Android 4.0.3. The font for English text is properly rendered but for the Hebrew it is still in the default Roboto. Sukoom2 also reported that the Thai character is a problem too.
The purpose of the CSS @font-face is for the WebView (or the browser) to be able to use custom font either placed on a certain folder (locally) or even remotely. The HTML illustrated to show the bug use a local file:
src: url('file:TITUSCBZ.TTF');
This test worked in Android 3.2 well but it is not working in Android 4.0.3. The font for English text is properly rendered but for the Hebrew it is still in the default Roboto. Sukoom2 also reported that the Thai character is a problem too.
ra...@gmail.com
try change the css from :
body{font-family:'Titus Cyberbit Basic'}
to :
p{font-family:'Titus Cyberbit Basic'}
body{font-family:'Titus Cyberbit Basic'}
to :
p{font-family:'Titus Cyberbit Basic'}
jo...@gmail.com
Randdy, I tried the above using the simplified HTML example in my initial posting as well as the attached HTML file but it did not work using the Android 4.0.3 Emulator as well as a real device. Every paragraph elements are in Titus Cyberbit Basic font except the Hebrew which is still in Roboto. You can easily tell the difference as you can test what should be the correct output using Chrome or Firefox in Windows (or Linux).
Can you give the details of the device you used to test?
Can you give the details of the device you used to test?
su...@gmail.com
This is my test cases in Thai language and screenshot of results from Gingerbread 2.3.3 and ICS 4.0.4.
In 2.3.3 render correctly and wrong only in ICS (only has problem in Thai charactors).
In 2.3.3 render correctly and wrong only in ICS (only has problem in Thai charactors).
su...@gmail.com
This bug is still exist in Android 4.1 Jelly bean
a2...@gmail.com
I found this same problem in Persian (Farsi) characters too.
sr...@gmail.com
[Comment deleted]
sr...@gmail.com
As custom Thai font, I found we can't use .ttf file format but we must use .svg file format instead.
su...@gmail.com
sr...@gmail.com
[Comment deleted]
sr...@gmail.com
sukoom, you have to use SVG fonts...
su...@gmail.com
sriborri, please embed this test case file. (source not only image)
sr...@gmail.com
please check it out.... (sorry to exclude the font file because of license)
su...@gmail.com
sriborri, I try to using your source with my svg fonts convert from ttf fonts with fontforge in linux
but in ICS and Jelly beans (emulator) its not working.
but in ICS and Jelly beans (emulator) its not working.
sr...@gmail.com
let's try to use this...
su...@gmail.com
Thanks you very much, sribori
I know what the different between fonts svg generated by fontforge and FontXChange
in svg tag
<svg xmlns="http://www.w3.org/2000/svg "> in FontXChange
and
<svg> in fontforge
so when I replace all of <svg> tag in my fonts to be <svg xmlns="http://www.w3.org/2000/svg ">, It's work.
I know what the different between fonts svg generated by fontforge and FontXChange
in svg tag
<svg xmlns="
and
<svg> in fontforge
so when I replace all of <svg> tag in my fonts to be <svg xmlns="
sr...@gmail.com
You're welcome.... sukoom2
li...@gmail.com
Same problem with hebrew fonts with Jelly Beans with webview.
95...@gmail.com
By replacing <svg> to <svg xmlns="http://www.w3.org/2000/svg "> it's works. But on desktop browser, using SVG font causes floating issue in Thai language. And in mobile, using SVG font causes SVG image in the same page unscalable when zooming in. This work around is not good enough as it destroy display ability in both desktop and mobile world.
Tested on Samsung Galaxy Note 10.1 ICS and Ubuntu 12.04 LTS 64-bit.
Tested on Samsung Galaxy Note 10.1 ICS and Ubuntu 12.04 LTS 64-bit.
je...@gmail.com
This is a problem for Malayalam language too. Nexus 7 (Jelly bean) ships with Malayalam font by default. If I use @font-face in CSS, it is ignored by WebView or Stock browser and uses default font. But if I open the same web page in a device/emulator without default font, it renders fine. Doesn't seem to be an issue for not being svg font.
Screenshot attached:
1. wrong-rendering.png from Nexus 7 device. As you can see all line uses the same system font
2. correct-rendering.png from 4.0.3 emulator without any system font for Malayalam
Screenshot attached:
1. wrong-rendering.png from Nexus 7 device. As you can see all line uses the same system font
2. correct-rendering.png from 4.0.3 emulator without any system font for Malayalam
si...@gmail.com
Facing exactly the same issue with Farsi fonts.
I can confirm that after extensive testing, the font used remains the same. Not only that, but the displayed font is very small compared to the original one. Is there any possible fix for this?
I can confirm that after extensive testing, the font used remains the same. Not only that, but the displayed font is very small compared to the original one. Is there any possible fix for this?
cy...@gmail.com
I'm having the same problem with farsi fonts. I couldn't find a way to convert a farsi font to a svg version and all online converters can't do it correctly(they work for english fonts). I'm attaching a sample farsi font in case if anyone was interested to help me.
su...@gmail.com
try this
I using fontforge to convert.
I using fontforge to convert.
ro...@gmail.com
Having the same problem (Lao language), but switching to svg font doesn't solve the problem for me. Plus, problem is not consistent, some devices don't work (4.2.2?), some do - here's what I've got:
VirtualBox Android 4.1.1
Kernel 3.4.0-qemu+
Image: lss-fontissue-virtualbox.png
This is how it should look...
Nexus One Android 4.2.2
2.6.29-gea477bb
Image: lss-fontissue-nexusone.png
This is how it shouldn't look... ;)
I've heard one report from a user (here in Laos) that my app has this problem on his device (not sure on device version - non-technical user), and also a device I own has the same issue (4.2.2 - Samsung Galaxy Ace 3 SEA, which doesn't work with SEA fonts ;). I'm thinking it's 4.2.2 issue, and will test it on other platforms as I install them to see what's going on...
Where is a valid solution found? Is there one?
VirtualBox Android 4.1.1
Kernel 3.4.0-qemu+
Image: lss-fontissue-virtualbox.png
This is how it should look...
Nexus One Android 4.2.2
2.6.29-gea477bb
Image: lss-fontissue-nexusone.png
This is how it shouldn't look... ;)
I've heard one report from a user (here in Laos) that my app has this problem on his device (not sure on device version - non-technical user), and also a device I own has the same issue (4.2.2 - Samsung Galaxy Ace 3 SEA, which doesn't work with SEA fonts ;). I'm thinking it's 4.2.2 issue, and will test it on other platforms as I install them to see what's going on...
Where is a valid solution found? Is there one?
al...@android.com
ch...@gmail.com
Same problem observed here for Lao language with the stock web browser. However there is no problem with the Chrome app on the phone.
Still it is very annoying as the lao glyphs are not included in the default Android fonts so we see blank spaces instead! This is very surprising in 2014!
Still it is very annoying as the lao glyphs are not included in the default Android fonts so we see blank spaces instead! This is very surprising in 2014!
ne...@gmail.com
Any new solution was found on the subject?
Description
This behavior was initially reported by the user of my app who upgraded his ASUS Transformer from 3.2 to 4 (ICS). I tested it with the emulator and it showed the wrong behavior as well. Also it was tested in another Android 4 phone and it shows the same problem.
The @font-face for Hebrew characters worked in the previous version of Android though (3.2).
* Steps to reproduce the problem.
1. Extract the files.zip into an Android folder.
2. Open the fonts.html in the Android Browser.
3. Note how the English text is rendered in Titus font while the Hebrew is is in Roboto.
Now the HTML is very simple like this:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style>
@font-face {
font-family: 'Titus Cyberbit Basic';
src: url('file:TITUSCBZ.TTF');
}
body{font-family:'Titus Cyberbit Basic'}
</style>
</head>
<body>
<html>
<body>
<h1>H7218</h1>
<p>Original: <strong>ראשׁ</strong></p>
<p>Transliteration: <strong>rô'sh</strong></p>
<p>Phonetic: <strong>roshe</strong></p>
</body>
</html>