PySide-QtWebKit：CSS font-family无效

Question

In a QWebView, I am dynamically creating and loading HTML using QWebView.setHtml(). In the HTML string that I pass to this method, I have a <style> section where I inject a CSS string from an external file. The CSS is working beautifully, except for the font families. The font always falls back to the QWebView default sans-serif font. I can change that default font using QWebView.settings().setFontFamily(QtWebKit.QWebSettings.StandardFont, "serif") , but this simply makes everything on the page a serif font instead of honoring the CSS font-family values.

A relevant section in my CSS file:

.page-title {
    color:#BBBBBB;
    font-family:"Times New Roman",Garamond,serif;
}

This does not render in a serif font as expected, but in a generic sans-serif font. However, the color displays without issue.

At one point, to debug, I printed the complete HTML string right before calling QWebView.setHtml(), and redirected the output to a file. This file rendered as expected when I opened it in Chromium, leading me to believe that the problem is not a HTML/CSS problem. Here is that output if you are interested.

Edit: Since I'm setting a bounty here, here is a quick tl;dr that should sum up everything important:

With PySide, how can I make a QWebView honor CSS font-family settings in an HTML page that is loaded via QWebView.setHtml()? Specifically, is there some secret, hidden setting that switches that kind of behavior on and off? Or should I report this as a bug in the framework?

If you want to test this out for yourself, Here is a link to the GitHub repo for the project I'm working on. Dependencies are listed in the README.

Answer 1

In the header of Page.html (the one you linked) https://raw.github.com/crayZsaaron/df-legends-reader/master/page.html

I found this..

.page-title {
    color:#BBBBBB;
    font-family:Helvetica, sans-serif;
}

Maybe try to delete this, or replace it with this

.page-title {
    color:#BBBBBB;
    font-family:"Times New Roman",Garamond,serif;
}