I am using css font import property for a custom font to use in my website. fonts are “LeagueGothic.otf” and “DroidSans.ttf”. all browsers are behaving perfect except opera(v-11.50). the fonts are not smooth. they have broken ages and that looks ugly. cufon works perfect but I do not want to use it. is there any solution for this? thanks a lot. you can have look at my css code style –
@font-face {
font-family: DroidSans;
src: url(DroidSans.ttf);
}
@font-face {
font-family: League Gothic;
src: url(LeagueGothic.otf);
}
body { color: #333333; font-family:'DroidSans',Arial; font-size:14px; line-height:20px;}
h1, h2, h3, h4, h5, h6, a{font-family: "League Gothic","Arial Narrow","Arial",sans-serif; font-weight: lighter; text-transform: uppercase;}
I solved this problem.I use fontsquirrel.com or like this tool to generate webfont and this works fine in all browsers.