Issue 13689

DINOT fonts does not display properly on Windows (...

Reporter: feedback bot
Assignee: javierarce
Type: Bug
Summary: DINOT fonts does not display properly on Windows (...
Description: DINOT fonts does not display properly on Windows (Firefox at least)
Priority: Blocker
Resolution: Fixed
Status: Closed
Created: 2013-08-30 11:24:08.123
Updated: 2013-09-26 20:28:37.225
Resolved: 2013-09-26 20:28:37.195

Attachment GBIF_WIN_CHROME.png

Attachment GBIF_WIN_FIREFOX.png

Attachment GBIF_WIN_IE10_2.png

Attachment GBIF_WIN_IE10.png

Attachment IE10-nativepc.png

Attachment Screen Shot 2013-08-30 at 1.11.43 PM.png

Attachment Screen Shot 2013-08-30 at 1.34.07 PM.png

Attachment Screen Shot 2013-08-30 at 1.45.32 PM.png

Attachment Screen Shot 2013-09-04 at 2.26.44 PM.png

Attachment Screen Shot 2013-09-05 at 11.28.23 AM.png

Attachment Screen Shot 2013-09-05 at 11.28.50 AM.png

Attachment Screen Shot 2013-09-05 at 11.29.11 AM.png

Attachment Screen Shot 2013-09-05 at 11.31.33 AM.png

Attachment XP IE8.png

Comment: Looks sort of fuzzy - i've added screenshot from ie10.
Created: 2013-08-30 13:12:48.174
Updated: 2013-08-30 13:12:48.174

Comment: and really bad in ie8 on winxp (2nd screenshot)
Created: 2013-08-30 13:33:52.667
Updated: 2013-08-30 13:33:52.667

Comment: on occurrences main page summary numbers chopped off (IE8, WinXP)
Created: 2013-08-30 13:46:34.87
Updated: 2013-08-30 13:46:34.87

Author: javierarce
Created: 2013-09-03 15:30:25.1
Updated: 2013-09-03 15:30:25.1
Ok, the problem is basically the opacity and the text-shadow filter we had applied.

I'll review all the CSS to fix this.


Author: javierarce
Comment: Ok, the main work is done. I'll close this ticket now. Please, if you see other rendering problems open a new ticket for each issue.
Created: 2013-09-03 17:07:32.697
Updated: 2013-09-03 17:07:32.697

Comment: Unfortunately I see no change on IE8 - I've attached another screenshot from the occurrence main page which looks the same as the previous one.
Created: 2013-09-04 14:27:39.897
Updated: 2013-09-04 14:27:39.897

Created: 2013-09-04 15:05:38.586
Updated: 2013-09-04 15:05:38.586

Comment: Using browserstack to test this issue is not fixed on IE8 on XP, see attachment
Created: 2013-09-04 15:15:50.742
Updated: 2013-09-04 15:15:50.742

Comment: After getting latest changes I can confirm that it looks much better on IE8, so that it's now usable. But in general it still doesn't look good on Windows - IE8, IE10 and FF23 all look sort of 'thin' and not smooth. Compared to anything on OSX it looks kinda bad. Is this the best we can get with this font on Windows?
Created: 2013-09-05 10:55:48.735
Updated: 2013-09-05 10:55:48.735

Comment: I've added 3 images showing the Windows font problem. 11.28.23 is IE8 on XP, 11.28.50 is FF23 on XP and 11.29.11 is Chrome on OS X, and 11.31.33 is IE10 on Win8. All the windows versions look sort of crappy.
Created: 2013-09-05 11:32:45.964
Updated: 2013-09-05 11:32:45.964

Author: javierarce
Comment: Some screenshots from a real PC (with Windows 8)
Created: 2013-09-06 12:46:49.763
Updated: 2013-09-06 12:46:49.763

Created: 2013-09-06 13:01:44.053
Updated: 2013-09-06 13:01:44.053
could it simply be the anti aliasing of OSX being superb and windows XP is just bad at rendering any fonts? According to XP does not do any antialiasing at all, so I would not care too much about XP. Windows 7 should look good though.



Comment: here's a native pc screen from me - menu still looks bad. Note the F in GBIF. Could it be you have the font installed on your test pc Javier, so that makes it all work?
Created: 2013-09-06 13:47:07.14
Updated: 2013-09-06 13:47:07.14

Comment: we gave up in favour of web safe font
Created: 2013-09-26 20:28:37.223
Updated: 2013-09-26 20:28:37.223