• gambi
  • Monstra Newbie
  • Offline
  • From: South Africa
  • Posts: 12
  • Reputation : [ 0 | 0 ]

Topic: Monstra 3.0.1 bootstrap Glyphicons don't work

Hi Guys

I found a problem with the BASE install of Monstra, When trying to use the Glyphicons that bootstrap provide.

When loading a page that uses the Glyphicon class the Font files are not loaded and this causes weird icons.
The only way to resolve this problem is to move the Fonts from /public/assets/fonts to /public/assets/css/fonts
then the bootstrap css can load the font files.

When looking at the Bootstrap.css file you can see the file folder placement is currect but does not load the files 

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../../post/fonts/glyphicons-halflings-regular.eot');
src: url('../../post/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../post/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../post/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../post/fonts/glyphicons-halflings-regular.svg') format('svg');
}

I'm not sure if this is a Browser/Bootstrap/Monstra problem but if you need a quick fix to get the Glyphicons working create a folder in the css called fonts and copy the glyphicons_halflingsregular files into this folder and you can have glyphcons.

  • nakome
  • nakome
  • Monstra Master
  • Offline
  • From: La Coruña
  • Posts: 580
  • Reputation : [ 66 | 0 ]

Re: Monstra 3.0.1 bootstrap Glyphicons don't work

Try this:

Replace ../ to hosting url  like 

http://example.com/fonts/glyphicons-halflings-regular.eot  
@font-face {
font-family: 'Glyphicons Halflings';
/* your url here like http://example.com/fonts/glyphicons-halflings-regular.eot  */
src: url('../../post/fonts/glyphicons-halflings-regular.eot');
src: url('../../post/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../post/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../post/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../post/fonts/glyphicons-halflings-regular.svg') format('svg');
}
..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

nakome's Website