Rendered text through 3D graphic accelerator may cause changes of CSS line-height property in Firefox
When I render web page with Firefox 15 through graphic accelerator (Win7 Pro / Radeon R7850), I get text layout different from the same web page I render at the same PC, but through Remote Desktop. I don´t know any another combination to simulate this bug, but only using FF, Win7 and graphic accelerator. All another browsers don´t affect this error. Sorry for my English.
All Replies (2)
That page shows quit a bit difference in the screenshot.
Are you sure that the page isn't zoomed?
Is the same font used in both cases?
You can use this extension to see which fonts are used for selected text.
Modified
Thank you for your reply. Yes - changing font-family to undefined (browser uses Times New Roman font) repairs this problem too. Changing font to Arial causes the same error, but with a shorter space between lines. Image at my original test was made with Verdana font.
I reported this bug only for notice and curiosity - some webpages that we’ve created, caused this unexpected bug. Workaround is to define line-heigt in CSS style or - as you post - to change font-family.
Modified