How to change font face of Webview in Android?

by

There’s a working example of this in this project. It boils down to:

  1. In your assets/fonts folder, place the desired OTF or TTF font (here MyFont.otf)

  2. 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>

  3. 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).

More Related Contents:

  1. How to use custom font with WebView
  2. Download file inside WebView
  3. Android WebView progress bar
  4. WebView load website when online, load local file when offline
  5. Android – local image in webview
  6. webview shouldinterceptrequest example
  7. Android WebView not loading an HTTPS URL
  8. Android Webview app won’t let video player go full screen
  9. Android WebView err_unknown_url_scheme
  10. Android WebView with garbled UTF-8 characters.
  11. Android webview loading data performance very slow
  12. Which can replace capturePicture function
  13. Generate bitmap from HTML in Android
  14. How to Play local swf files in a webview
  15. Load the image saved in sdcard in webview
  16. Android webview: download files like browsers do
  17. How to Programmatically Scroll Android WebView
  18. Load local html in WebView?
  19. Android 4.0.1 breaks WebView HTML 5 local storage?
  20. Android WebView inside ScrollView scrolls only scrollview
  21. Android Webview POST
  22. Justify text in an Android app using a WebView but presenting a TextView-like interface?
  23. Add custom font for complete android application
  24. Android WebView onReceivedError()
  25. How to resize a android webview after adding data in it
  26. ANDROID : Share session between Webview and httpclient
  27. How to download files from webview Android?
  28. android – how to prevent webview to load when no internet connection
  29. Is there any way to have WebView auto-link URLs and phone numbers in Android?
  30. Android Stream video from Google drive

Leave a Comment