Modify HTML of the document of the rendered page and reload

Question

Currently i am loading a url in javafx through webengine.load(url). My requirement is to keep the styling in tact with the original page. However, once the page is rendered, the fonts are not loaded and i am unable to increase the font sizes. I worked through the following steps to achieve this.
1. Add a listener through getLoadWorker method for web engine and get the document object when the state is SUCCEEDED.
2. Transform the document to a html string which gives me the whole HTML of the page in a string including the css.
3. Then i do a replace on the css part with the actual location of the font files (absolute path url) and reload the html through loadContent method.
With this, i am able to get the fonts loaded properly.
Problem:
1. I end up with a infinite loop when i use the "webEngine.loadContent(string, "text/html")" inside the getLoadWorker method.
2. I tried to do that outside the getLoadWorker method before the webEngine.load(url) but in this case the replace html body string is coming as null.
Any help on how to achieve this?? Below is my code:
      webEngine.getLoadWorker().stateProperty().addListener(new ChangeListener<Worker.State>() {
            String htmlBody = null;
            @Override
            public void changed(ObservableValue<? extends Worker.State> observableValue, Worker.State prevState, Worker.State newState) {
                //To change body of implemented methods use File | Settings | File Templates.
                //String htmlBody = null;
                int count = 0;
                if (newState == Worker.State.SUCCEEDED) {
                    browser.requestFocus();
                    // Get the document object from Engine.
                    Document doc = webEngine.getDocument();
                    try {
                        // Use Transformer to convert the HTML Object from the document top String format.
                        Transformer transformer = TransformerFactory.newInstance().newTransformer();
                        transformer.setOutputProperty(OutputKeys.OMIT_XML_DECLARATION, "no");
                        transformer.setOutputProperty(OutputKeys.METHOD, "html");
                        transformer.setOutputProperty(OutputKeys.INDENT, "yes");
                        transformer.setOutputProperty(OutputKeys.ENCODING, "UTF-8");
                        transformer.setOutputProperty("{http://xml.apache.org/xslt}indent-amount", "4");
                        StringWriter outWriter = new StringWriter();
                        transformer.transform(new DOMSource(doc),new StreamResult(outWriter));
                        StringBuffer sb = outWriter.getBuffer();
                        htmlBody = sb.toString();
                        // Replace the font-family attribute in the style section to the actual URL of the font being used.
                        htmlBody = htmlBody.replace("font-family: medium", "font-family: url(http://1.10.30.45:8080/fonts/Md.ttf)");
                        // Load the new HTML string to the Engine.
                        //webEngine.loadContent(htmlBody, "text/html");
                    } catch (Exception ex) {
                        ex.printStackTrace();
        webEngine.load(url);
        //add the web view to the scene
        getChildren().add(browser);

Answer 1

James,
I tried the document manipulation but was unable to override the css that was already applied. I downloaded and used jdk 8 which has the latest version of javaFX which fixed the font loading issue. Now i can see all the custom fonts and everything getting loaded as part of css.
However, when i try to capture the state of the worker, it stays in the running and not changing to success. First few instances, the page was loaded successfully but then it stopped. Any idea if this is due to the new javaFX version of jdk8? Below is the code snippet:
       webEngine.getLoadWorker().stateProperty().addListener(new ChangeListener<Worker.State>() {
            @Override
            public void changed(ObservableValue<? extends Worker.State> observableValue, Worker.State prevState, Worker.State newState) {
                //To change body of implemented methods use File | Settings | File Templates.
                System.out.println(newState);
                if (newState == Worker.State.SUCCEEDED) {
                    browser.requestFocus();
                    // Get the document object from Engine.
                    Document doc = webEngine.getDocument();
                    System.out.println(doc.getDocumentURI());
        webEngine.load(url);
        //add the web view to the scene
        getChildren().add(browser);
The output is
SCHEDULED
RUNNING
and nothing after that...