Css 使用Courier字体旋转的文本未在Opera中显示
我有以下HTML:Css 使用Courier字体旋转的文本未在Opera中显示,css,fonts,opera,css-transforms,Css,Fonts,Opera,Css Transforms,我有以下HTML: <div class='box'>text</div> 这是我的。我省略了这里的前缀,但它们在小提琴中 预期结果: 这也是我在Chrome、Firefox、IE9和Safari中得到的结果 然而,在Opera中,它看起来是这样的: 如果我取出变换(也就是说,div没有旋转) 然后显示文本 如果我用另一种字体替换该字体,则会显示文本 那么为什么会发生这种情况以及我还有什么其他解决方案 如果这有帮助: 如果将字体系列标记更改为以下值,则它将正常
<div class='box'>text</div>
这是我的。我省略了这里的前缀,但它们在小提琴中
预期结果:
这也是我在Chrome、Firefox、IE9和Safari中得到的结果
然而,在Opera中,它看起来是这样的:
- 如果我取出变换(也就是说,div没有旋转) 然后显示文本
- 如果我用另一种字体替换该字体,则会显示文本
如果将字体系列标记更改为以下值,则它将正常工作:
font-family:"Courier New", Courier, monospace;
为什么会发生这种情况
这是因为Opera已将Courier解析为位映射字体,而Opera尚未实现位映射字体的旋转
使用Modern和Roman以及任何其他具有.fon
版本的字体都会得到相同的结果
您可以在C:\Windows\font
中查看完整列表
我还有什么其他的解决方案
如果在页面上呈现字体时,您依赖于字体的精确度量,您可能需要考虑使用Web字体。
如果调用字体“courier”很重要,那么您可以忽略opera:opera不太受欢迎,这是一个有点模糊的错误,因为它只需要等待。不是答案,仅供参考-在Mac上,它在opera中工作得非常好。您是否尝试使用特定于供应商的前缀来查看这是否有帮助-o变换:旋转(45度)@BillyMoat是的,她看到了-你看到小提琴了吗?@ZoltanToth-啊,只看了这里贴的代码-我的错。我的理论是,Opera确实支持(.fon)字体类型,而这种字体类型可能没有显示带有transform属性的文本的功能(用.fon扩展名确认,例如“Roman”)。如果我们在Chrome上验证字体,它是以“Courier New”/“fallback”字体呈现的,而不是Courier(Courier Regular–在您的操作系统字体列表中验证)。我知道它是有效的,我在问题中提到了这一点。如果我使用monospace,Courier New,Arial,Helvetica。。。但不是信使。我要求的方法不包括删除转换或更改字体系列。抱歉,我今天显然没有给予足够的重视:(
font-family:"Courier New", Courier, monospace;