Op een of andere manier wilt de font niet laden. Deze word aangeroepen door de @font-face regel.
@font-face {
font-family:'iconjop';
src: url('../font/iconjop.eot');
src: url('../font/iconjop.eot#iefix') format('embedded-opentype'),
url('../font/iconjop.ttf') format('truetype'),
url('../font/iconjop.woff') format('woff'),
url('../font/iconjop.svg#sociconregular') format('svg');
font-weight: normal;
font-style: normal;
}
De file staan een map erboven en dan in de map font.
Vervolgens wil ik de font gaan gebruiken
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "iconjop" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-Minicart{
float: right;
font-size: 32px;
position: relative;
top: 32px;
right: 32px;
width: 46px;
height: 32.2px;
}
.icon-Minicart:before {
content: "\e900";
color: #006dd3;
}
Helaas weergeeft de browser geen icoontjes:(
Kan iets dit tegen houden op een of andere manier?