Search code examples
androidhtmlwebviewfont-face

Android WebView Font Face Not Initially Rendering

I'm working on a mobile web app. The issue is apparent in some Android's (I think only 2.3.x phones).

There is a label and an input submit button on a page. Both are styled to have the same font face (TradeGothic, created by a @font-face style). The label text always renders correctly however the button text never shows up the first time the page is visited. So if you go to the page and either click on the button or go back and then forward (to the page in question) then the button text shows up fine.

I've tried resetting the value of the input button using jquery. I've also tried setting it's html and text however there are no changes.

What else can I try? (Besides losing the font.)

Solution

  • I fixed the issue by loading a dummy html page in the webview (in the background) while the app is starting up.

    The dummy page consists of only the html for the button and it loads the same css file.