Menu
I want change the default font of webview to a custom font. I'm using webview in developing an bilingual browser app for Android.
I tried getting an instance of custom typeface by placing my custom font in assets. But still couldn't set webview's default font to my font.
This is what I tried:
Typeface font = Typeface.createFromAsset(getAssets(), "myfont.ttf"); private WebView webview; WebSettings webSettings = webView.getSettings(); webSettings.setFixedFontFamily(font); Can anyone correct this or suggest any other method to change webview's default font to a custom font?
Thanks!
557
There's an app called iFont that helps you to find plenty of fonts to use. This app allows you to easily browse a sizable selection of fonts that you can download and install. Note: All other Android devices must be rooted for iFont to work.
There's a working example of this in this project. It boils down to:
assets/fonts folder, place the desired OTF or TTF font (here MyFont.otf)Create a HTML file that you'll use for the WebView's content, inside the assets folder (here inside assets/demo/my_page.html):
<html> <head> <style type="text/css"> @font-face { font-family: MyFont; src: url("file:///android_asset/fonts/MyFont.otf") } body { font-family: MyFont; font-size: medium; text-align: justify; } </style> </head> <body> Your text can go here! Your text can go here! Your text can go here! </body> </html> Load the HTML into the WebView from code:
webview.loadUrl("file:///android_asset/demo/my_page.html"); Take note that injecting the HTML through loadData() is not permitted. As per the documentation:
Note that JavaScript's same origin policy means that script running in a page loaded using this method will be unable to access content loaded using any scheme other than 'data', including 'http(s)'. To avoid this restriction, use loadDataWithBaseURL() with an appropriate base URL.
As @JaakL suggests in the comment below, for loading HTML from a string, you should instead provide the base URL pointing to your assets:
webView.loadDataWithBaseURL("file:///android_asset/", htmlData); When referencing the font in htmlData, you may then simply use /fonts/MyFont.otf (omitting the base URL).
65
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
