Make WordPress Core

Opened 7 years ago

Last modified 4 months ago

#29652 new defect (bug)

Dashicons conflict with text-rendering: optimizeLegibility

Reported by: wpweaver Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.0
Component: General Keywords: close
Focuses: ui, css Cc:


There is a little known problem using Dashicons with Android 4.2 and 4.3, and perhaps the later versions.

If any plugin or theme includes this CSS rule:

text-rendering: optimizeLegibility;

then Dashicons (and other icon fonts like genericons) do not display at all on those Android devices.

Twenty Twelve has this, and it should be removed. There should be a comment about this problem in at least the core dashicons.css file.

This is not a well-known problem, and is obviously very embarrassing. It is next to impossible for any WP developer to test, but there are still a huge number of Android 4.2+ devices.

Change History (6)

#1 @SergeyBiryukov
7 years ago

  • Focuses ui added

#2 @SergeyBiryukov
7 years ago

  • Summary changed from DashIcons to Dashicons conflict with text-rendering: optimizeLegibility

#3 @DrewAPicture
7 years ago

  • Keywords ui-feedback added

Has anybody been able to reproduce this problem on Android 4.2-4.4?

#4 @helen
7 years ago

  • Keywords ui-feedback removed

This is noted in the Genericons readme (which is not Dashicons), so it seems this is a known problem, at least. I don't know about removing it from Twenty Twelve, but it seems to me that if we want to fix this we should account for it in the toolbar CSS or Dashicons CSS (or both).

#5 @sabernhardt
4 months ago

  • Keywords close added

Since WordPress 5.2 (r44940), the dashicons class and dashicons:before have text-rendering: auto in dashicons.css.

Could this be closed as fixed?

Last edited 4 months ago by sabernhardt (previous) (diff)

#6 @sabernhardt
4 months ago

  • Focuses css added
Note: See TracTickets for help on using tickets.