Text not visible on Windows 8 and 10 ?????

[worthlutz]

I am having a problem with text not showing up in an ExtJS modern theme app on Windows 8 & 10. The text exists in the DOM when viewed in Developer Tools but not in the app. Works fine on Ubuntu and Windows 7.

No error found on Chrome but no text is visible. I get the following on IE.

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.

for each of the following:

File: OpenSans-Regular.ttf
File: OpenSans-Semibold.ttf
File: OpenSans-LightItalic.ttf
File: OpenSans-Italic.ttf
File: OpenSans-Light.ttf
File: OpenSans-ExtraBoldItalic.ttf
File: OpenSans-ExtraBold.ttf
File: OpenSans-SemiboldItalic.ttf
File: OpenSans-BoldItalic.ttf
File: OpenSans-Bold.ttf

I know this is my clue but I cannot figure out the solution.

Please point me in the correct direction.

[Gary Schlosberg]

Judging by the error message, it sounds like it isn't an Ext JS issue:
http://stackoverflow.com/questions/2...must-be-instal
http://stackoverflow.com/questions/5...nt-face-in-ie9

[worthlutz]

Judging by the error message, it sounds like it isn't an Ext JS issue:
http://stackoverflow.com/questions/2...must-be-instal
http://stackoverflow.com/questions/5...nt-face-in-ie9

(I've been out of town and am just getting back to this problem...)

How can this not be an ExtJS problem?

It is an ExtJS web applications using ExtJs supplied themes and fonts. I've embedded no new fonts.

It seems I am not the only one with this problem: https://www.sencha.com/forum/showthread.php?306396

I'll try to get a simple example. I have not been able to replicate it on a fiddle.

[worthlutz]

Judging by the error message, it sounds like it isn't an Ext JS issue

It is an ExtJS issue! Checkout this fiddle: https://fiddle.sencha.com/#fiddle/16of

Test it in both Chrome and IE. (It works correctly in Firefox?!?!)

On Ubuntu and Windows 7 and you will see the list text and the disclosure icon.

On Windows 8 and 10 and you will NOT see the list text or the disclosure icon.

If you drill down through the DOM, you will see the text exists in the list items but just is not visible.

This problem is visible on both [Modern] Ext JS 6.0.1.250 Triton and [Modern] Ext JS 6.0.1.250 Neptune. Triton shows the errors in the console described in the 1st post. Neptune does not.

What is the explanation for this?

[Christiand]

Stuck with the exact same problem. To make matter worst, it's not happening on all Windows 10 workstation that we have.

[Christiand]

I am not sure this problem as to do with fonts. I've compiled my theme to use $font-family: dynamic(helvetica, arial, sans-serif);Everything shows up fine (buttons, Tab Panel, etc.), except for listview.The DOM is generated, I can see it with Chrome Inspecter. It's using arial font.

[Christiand]

Well.

I believe I have found the cause of this problem but no fix. On the portable computer, I have de-activate the "touch screen" and the data now display properly in my app and in the js fiddle mentioned in the previous post.