@font-face {
font-family: 'PFDinMonoBold';
src: url('pfdinmono-bold-webfont.eot');
src: local('☺'),
url('pfdinmono-bold-webfont.woff') format('woff'),
url('pfdinmono-bold-webfont.ttf') format('truetype'),
url('pfdinmono-bold-webfont.otf') format('opentype'),
url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
font-weight: normal;
font-style: normal;
}
made it with the font squirrel generator.
By the way, custom fonts are not shown on the squirrel web either
What could be the problem?
P.S font work fine in ff,chrome,ie
You have to use double quotes for font family name.
@font-face {
font-family: "PFDinMonoBold";
src: url('pfdinmono-bold-webfont.eot');
src: local('☺'),
url('pfdinmono-bold-webfont.woff') format('woff'),
url('pfdinmono-bold-webfont.ttf') format('truetype'),
url('pfdinmono-bold-webfont.otf') format('opentype'),
url('pfdinmono-bold-webfont.svg#webfontS2rh8Zow') format('svg');
font-weight: normal;
font-style: normal;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With