I have a client that is a minor, local government agency that tasked us with building two WordPress based sites. Upon completion of the first, an issue arose when they logged into the site at their offices.
When logged into the WordPress dashboard, none of the built in font icons are working. This includes the WYSIWIG editor, the toolbar on the left hand side of the dashboard, and every other place that these icons are used.
The browsers the client has available are FF 17 and IE 9, with preference given to IE 9. In either case, the font icons are not showing. Worse, in FF they have JavaScript disabled, which has further ramifications.
Upon further investigation, my team and I have come under the impression that they have certain security settings enabled that disallow the downloading of fonts.
According to their IT professionals, they are following “National Guidelines” that prevent them from changing any security settings, and/or installing or updating any browsers.
My goal is to find some kind of work around for this issue, such as a fallback image/icon that will load in place of the font-icons. Any help would be greatly appreciated!
You would need to apply a
display:none;on.dashicons-before:beforeto hide all of the default icons if it would take to long to set them all individually.It would be best to go through for each dash icon and apply the fallback image like
.dashicons-admin-tools:before{content: ""; /*might need an important*/
background:transparent url(image.jpg) left top no-repeat;
}
Realistically making your own admin theme would probably be best.