Change default font of JavaFX WebView

Question

I am using a Java FX2.2 WebView embedded in a JPanel for showing web pages. This works well, except for the default font that I don't like. It looks very bold/rounded/anti-aliased/blurry.

enter image description here

On the left is the text from my Chrome browser, on the right of the FX Browser.

It seems that it is using the "System Regular" Font as a default font, this font is returned by Font.getDefault(). I have tried changing it with reflection but the browser still uses the same font. Also I looked into WebView.setFontScale() and WebView.setFontSmoothingType(), the first only changes the size and the latter only has a 2nd font smoothing type that is even worse than the default.

I looked at Safari, which is, like FX WebView, based on WebKit, and this browser has the option to change the default font (I think most browsers have this option).

Does anyone know a way to change this default Font for the Java FX WebView?

EDIT: Made a feature request here: https://bugs.openjdk.java.net/browse/JDK-8090968

score 9 · Answer 1 · edited Apr 12 '16 at 19:48

9

I found an even easier way:

engine.setUserStyleSheetLocation("data:,body { font: 12px Arial; }");

edited Apr 12 '16 at 19:48

Paul Roub

36,322
27
84
93

answered Apr 12 '16 at 19:38

Patric Bechtel

131
1
2

I changed "12px" as above to "12pt" as included in HTMLEditor combobox and it worked. – Adalberto José Brasaca Aug 23 '20 at 18:14

SWdV · Answer 2 · 2015-02-25T18:43:28.380

4

This is how I changed the default font:

I used

engine.setUserStyleSheetLocation(getClass().getResource("style_html.css").toExternalForm());

and in that stylesheet I wrote:

html {
    font: 17px Impact; /*for example*/
}

It works fine for me

edited Feb 25 '15 at 18:43

answered Feb 16 '15 at 20:05

SWdV

1,715
1
15
36

score 3 · Accepted Answer · edited Mar 11 '16 at 12:08

Try using jdk8 where (I believe), the default font rendering mechanism for some platforms has been updated. You will need to evaluate yourself whether there appears to be an improvement to your eyes on your target platforms.

Also note there is an existing feature request to make the rendering fonts in JavaFX clearer (RT-10778).

WebView loads HTML, so the standard methods of changing fonts in HTML apply to it (the deprecated HTML font tag or CSS).

As to setting the default font used by WebView - I am unaware of a mechanism to do that. You can create a feature request against the JavaFX runtime project. If you log a feature request, you may want to reference the Chrome documentation which demonstrates that this feature is available in Chrome.

I have tried JDK 8 and it still looks the same, also the code for what I think is used to set the default font hasn't changed, so that might be why. I'l make a feature request, thanks for the answer. — NickL, Sep 20 '13 at 12:48

Change default font of JavaFX WebView

3 Answers3

Linked