我正在为要在我的网站中使用的自定义字体使用 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;}
最佳答案
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/
关于css - 歌剧中的自定义字体问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6674494/