Android Question Why is Font Style and Bold not displaying in Webview?

[JohnC]

My app is very simple and displays a webpage already on the internet (www.busybee-cleaning.com).

When I use my phone's (Galaxy S4 v4.2.2) built-in browser or the Chrome browser, it displays the webpage correctly with the proper font-style and BOLD for the "Busybee Offers You" underlined as shown below:

But the webpage displayed in my app using webview looses both the font-style and the BOLD:

Why is this happening? How can I get the Webview to display the webpage accurately?

 

[Erel]

This is how it looks on Nexus 5 (Android 6):

It might be related to declared font.

 

[eurojam]

The website uses the font Trebuchet MS Bold which seems not to be supported by android's webview.

 

[sorex]

you could try loading the missing font using css.

 

[JohnC]

I'll give that a shot - thanks everyone for the info.

 

[JohnC]

you could try loading the missing font using css.

The website was generated using Xara's Web Designer, so because it's a generator, I hope it will allow me to add some custom CSS to it.

 

[sorex]

it still export the html & css that you upload to your server. you can edit it there aswell.

 

[sorex]

xr_fonts.css has the external fonts definition so it should work.

when I look at that page with firefox I see that it is bold but it's not as fat as with another font compared to the none bold text