webview with unicode font

[selvamurali]

dear team

i have a listview contain some url. when user clik the url it will open via webview. but the url pages in unicode fonts. it show only boxes. so how to i embeed a font for webview to load the url.

 

[Erel]

Can you post the url?

 

[selvamurali]

Url

Singapore Clishe » அபà¯à®ªà®¾

 

[Erel]

This is how it looks on Galaxy Nexus:

The font is determined by the site itself (usually in the CSS page).

You can probably override the font by injecting JavaScript that will change the font.

 

[selvamurali]

javascript to override font

thanks for your reply Erel.
can u post some example for your reply.(You can probably override the font by injecting JavaScript that will change the font.)

 

[selvamurali]

Url

in jelly beans all font is include but other previous versions all fonts not included . so how to i load the urls in previous versions .

 

[Erel]

can u post some example for your reply.

I'm not really expert in this and it also depends on the actual page. You can use WebViewExtra to inject the JavaScript.

 

[mc73]

Not sure that a jscript could solve this. Perhaps the necessary font is missing in the specific device's rom distribution. Tested this page with the native browser or any other installed?

 

[selvamurali]

Url

Thanks for Your reply mc73 . i have tested with native browser. is there any way to embeed my font with webview load url.

 

[mc73]

Was the appearance of the page correct in your native browser?

 

[selvamurali]

yes appearance is correct but font is the problem. the fonts shows like boxes.

 

[metrick]

Thanks for Your reply mc73 . i have tested with native browser. is there any way to embeed my font with webview load url.

Try this.
1. Copy following line to your_file.html between the <header></header>
<link rel='stylesheet' href='file:///android_asset/stylesheet.css' type='text/css'>

2. copy the following to text edit, but replace the FontName with your native web utf-8 font name and save as stylesheet.css, and add all the fonts and stylesheets.css to Dir.Asset Folder
/* Start copy below this line */
@font-face {
font-family: 'NameFontFamilyHere';
src: url('file:///android_asset/FontName.eot');
src: url('file:///android_asset/FontName.eot?#iefix') format('embedded-opentype'),
url('file:///android_asset/FontName.woff') format('woff'),
url('file:///android_asset/FontName.ttf') format('truetype'),
url('file:///android_asset/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal;

}
body {font-family: NameFontFamilyHere;}
h1, h2 {font-family: NameFontFamilyHere; font-weight: normal}
textarea{font-family:NameFontFamilyHere;}
p{font-family: NameFontFamilyHere;}
/* End copy above this line */
Hope this will help or path to right direction.