Recently, I started using a Bootstrap theme called minton which mostly utilizes font awesome icons. It seems to be specifically designed for Bootstrap 3/4.
In my experience, Bootstrap 4.0 does not come with glyphicons, causing many dependencies to require them. Fortunately, I have the necessary glyphicon fonts stored in the following directory:
asssets/fonts/glyphicons-halflings-regular.eotasssets/fonts/glyphicons-halflings-regular.svgasssets/fonts/glyphicons-halflings-regular.tffasssets/fonts/glyphicons-halflings-regular.woff
The bootstrap.min.css file is located here:
- asssets/css/bootstrap.min.css
I also included additional CSS on the page via an icons.css file, which now contains the following code snippet:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
Despite these efforts, the icons are still not appearing as expected. Could anyone provide insight into this issue?