How to change the FontSize in an Android WebView?

Question

How can you manually change the font size of a webview? e.g. When the page loads up in the webview the font size is like 24pt. and way too large for my android's screen. I've looked into the "websettings" but it seems that the two are not related.

Thanks

score 105 · Answer 1 · edited Jan 22 '12 at 19:56

105

I finally found it:-

WebSettings webSettings = webView.getSettings();

either setTextSize or

webSettings.setTextSize(WebSettings.TextSize.SMALLEST);

This one works too:-

webSettings.setDefaultFontSize(10);

edited Jan 22 '12 at 19:56

Julien Roncaglia

17,397
4
57
75

answered Sep 26 '10 at 01:18

Scott

1,491
2
10
9

will this work even if i have specified font size of the text in the html to which the webview is pointing???? – Zeba May 23 '12 at 11:45
10

webSettings.setTextSize(WebSettings.TextSize.SMALLEST) is deprecated – Tobrun Dec 12 '12 at 15:20
How can I do this when building an app via cordova? – Lucas Jan 08 '15 at 14:37

score 40 · Answer 2 · answered Jul 02 '14 at 11:58

40

It seems that nowadays prefered way, ie not depreciated is to change text zoom, like this:

WebSettings settings = mWebView.getSettings();
settings.setTextZoom(90); // where 90 is 90%; default value is ... 100

answered Jul 02 '14 at 11:58

pelotasplus

9,852
1
35
37

score 19 · Answer 3 · answered Mar 19 '14 at 11:32

This is what I use when I want to enable the user to change the text size / zoom in a WebView:

private WebView mWebView;

// init web view and stuff like that ...


private void textSmaller() {

    WebSettings settings = mWebView.getSettings();
    settings.setTextZoom(settings.getTextZoom() - 10);
}

private void textBigger() {

    WebSettings settings = mWebView.getSettings();
    settings.setTextZoom(settings.getTextZoom() + 10);
}

On Actionbar Item click, I call either textSmaller() or textBigger() to change the text size.

bvanvelsen - ACA Group · Answer 4 · 2018-11-22T07:39:06.687

7

I use Javascript to do these kind of things because it practically always works. Even if there are CSS files used in your HTML

mWebView.loadUrl("javascript:(document.body.style.backgroundColor ='red');");
mWebView.loadUrl("javascript:(document.body.style.color ='yellow');");
mWebView.loadUrl("javascript:(document.body.style.fontSize ='20pt');");

ofcourse you need to alter the sizes and colors to the ones you need

edited Nov 22 '18 at 07:39

answered Sep 17 '12 at 14:30

bvanvelsen - ACA Group

1,741
1
14
25

1

Does not make sense to use `pt` in website. And this answer missed `mWebView.` before `loadUrl()`. Also, loading this line won't change the font size at all, but displaying the font size on screen... – Raptor Feb 25 '16 at 10:09
Remember to set `setJavaScriptEnabled` to `true` – dees91 Nov 21 '18 at 14:47

score 1 · Answer 5 · answered Dec 07 '18 at 11:22

If you want to increase or decrease font Size of WebView dynamycally than use these lines of code:

WebView mWebView;
int fontSize;
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mWebView = findViewById(R.id.webview);
    mWebView.loadUrl("file:///android_asset/sample.html");
    // enable / disable javascript
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.getSettings().setSupportZoom(true);
    mWebView.getSettings().setBuiltInZoomControls(true);
    mWebView.getSettings().setDisplayZoomControls(true);
    fontSize = mWebView.getSettings().getDefaultFontSize();
}
 private void fontSizePlus() {
    fontSize++;
    this.changeFontSize(fontSize);
}

private void fontSizeMinus() {
    fontSize--;
    this.changeFontSize(fontSize);
}

private void changeFontSize(int value) {
    mWebView.getSettings().setDefaultFontSize(value);
}

public void Inc(View view) {
    fontSizePlus();
}

public void Dec(View view) {
    fontSizeMinus();
}

How to change the FontSize in an Android WebView?

5 Answers5

Linked

Related