Blackboard

Utilicons not appearing properly

rated by 0 users
Answered (Not Verified) This post has 0 verified answers | 3 Replies | 2 Followers

Not Ranked
5 Posts
mgosur@schoolcraft.edu posted on 4 May 2012 10:52 AM

Hi everyone,

The Utilicons are not showing up on Blackboard. They were working before. Anyone run into this problem before? I have not changed fonts or overruled any font styles for an error to occur. I'm puzzled by this change in CSS.

I appreciate any help you may have to offer.

Sincerely,

Maria

All Replies

Top 10 Contributor
Male
6,232 Posts

Maria,

Have you edited the theme at all?  I've heard of at least one instance where the editor that was used to edit the theme_specific.css file (and perhaps others) wound up adding special characters to the .css file that kept utilicons from displaying.  As I recall, they were not doing anything with the fonts at all, just changing a color specification.

Mike

Not Ranked
5 Posts

Thanks Mike. Yes I have been editing the theme_specific.css file. I did just figure it out. This problem occurred from having a new style in the draghandle. I'm not quite sure what it was specifically that caused this, but the draghandle was in play. Strange, but I'm glad that it is now fixed.

Thanks for your help. I appreciate your time.

Maria

Not Ranked
3 Posts

While we haven't exactly figured out why the Utilicons font works with the default 2012 theme, but not with a copy of it, I think we found a suggested change to the CSS that will fix the issue.

My very limited testing was successful with the following changes to the Fonts section the theme_specific.css:

/*UTILICONS ---updated based on http://www.fontspring.com/blog/fixing-ie9-font-face-problems*/

@font-face {
    font-family: 'Utilicons';
    src: url('fonts/utilicons/utilicons-web-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/utilicons/utilicons-web-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/utilicons/utilicons-web-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/utilicons/utilicons-web-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/utilicons/utilicons-web-webfont.svg#webfontphKv1xv9') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    }

 

 

 

 

Page 1 of 1 (4 items) | RSS