Why won't Opera (11.00) display custom (@font-face) fonts?
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;
}
custom font problem in opera
I solved this problem.I use fontsquirrel.com or like this tool to generate webfont and this works fine in all browsers.
Related Topics
How to Keep The Width of The Parent Element When Position: Fixed Is Applied
How to Let a Div Automatically Set It Own Width
Mattooltipclass Not Applying CSS
Change Input Placeholder Color Darker
How to Detect CSS Inheritance Source
How to Use CSS? (Not *Learn* But Really *Use*)
How to Detect Firefox Users in Pure CSS
Refinerycms: Apply Bootstrap Styles to Navigation Menu
How to Center The Zurb Foundation Top Bar Nav
Creating Seamless Rotated Background Image
Difference Between Firefox and Chrome Padding
How to Create 3X3 Grid Menu in React Native Without 3Rd Party Lib
React Native - Why Padding Does Not Work
Using CSS Modules in React How to Pass a Classname as a Prop to a Component