歌剧中的自定义字体问题

时间:2011-07-13 05:37:10

标签: css fonts opera

我正在使用css字体导入属性来在我的网站中使用自定义字体。字体是“LeagueGothic.otf”和“DroidSans.ttf”。除了opera之外,所有浏览器都表现得很完美(v-11.50)。字体不流畅。他们已经破碎了年龄,看起来很难看。 cufon工作得很完美,但我不想用它。这有什么解决方案吗?非常感谢。你可以看看我的CSS代码风格 -

@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;}

3 个答案:

答案 0 :(得分:1)

Opera团队已经嵌入了一个新的字体渲染模块,以支持Opera浏览器中的“.WOFF”格式。自Opera 11.10以来,他们开始使用这个新模块。 尝试将字体“.ttf”和“.otf”格式转换为“.WOFF”,它应该与 Microsoft Mozilla Opera 浏览器。我在这里添加了一个链接以支持我的回答。

http://dev.opera.com/articles/view/introducing-woff-web-open-font-format/#introduction

@font-face {
  font-family: 'raleway';
  src: url('raleway_thin-webfont.woff') format('woff');
  font-style: normal;
}

em {
  font-family: raleway, serif;
  color: #F45355;

}

此外,还有其他人想要查看有关其字体的Opera文档。 http://www.opera.com/docs/specs/presto29/css/fonts/

答案 1 :(得分:0)

Opera只是浏览器,不支持使用css的自定义字体。我不知道为什么,但这是愚蠢的。我不像使用文本浏览器的人一样关心Opera客户/观众。他们不喜欢新事物,好吧。

如果你不想要cufon,其他方式是typekit https://typekit.com/对于个人页面,这是免费的,但这与cufon类似。

答案 2 :(得分:0)

我解决了这个问题。我使用fontsquirrel.com或像这个工具一样生成webfont,这在所有浏览器中都能正常工作。