如何使用javascript更改android webview的字体

Question

first, i'm not a so familiar with javascript but i need to use it.

what i need is to change the font of webView in android after loading web page,

so in onPageFinished() i call the javascript code.

i know this code can change the font:

loadurl("javascript:(function(){document.body.style.fontFamily='\\"Courier New\\", Courier, monospace';})()");

it works fine and font get changed, but what i want is to apply my custom font from asset.

i tried something like this:

loadurl("javascript:(function(){document.body.style.fontFamily= \\"src: url('file:///android_asset/byekan.ttf')\\";})()");

and other things similar to this, without any success.

so anyone can help me to apply my custom font after loading a page in android webview?

note : the html is from an output source (it's not local) so i can not add any css style to it.

Answer 1

you can put below code in your html file

<style>
        /** Specify a font named "MyFont",
            and specify the URL where it can be found: */
        @font-face {
          font-family: "MyFont";
          src: url('file:///android_asset/fonts/BLKCHCRY.TTF');
        }
        h3 { font-family:"MyFont"}  
</style>  

or later by "wv.loadUrl" set font for any element