我正在使用字体PT Sans Narrow,该字体仅具有常规和粗体。因此,我需要浏览器在必要时使用假斜体。但是,只有非Webkit浏览器正在执行此操作。看到这张图片:
但是,问题似乎仅在于此字体,因为其他字体可以正常工作。(请参阅此JSFiddle:http://jsfiddle.net/pEVj7/)。此小提琴中的比较字体是使用Font Squirrel上的相同设置生成的。
我需要能够简单地使用以下内容,并在没有可用浏览器的情况下使浏览器使用假斜体。
<i>My custom italic text</i>
PS我知道,人造斜体可能看起来不一样或不一样,但是在这种情况下,它们比根本没有斜体更好。其次,由于在Chrome中渲染效果不佳,因此无法选择Google Webfonts。
问题似乎出在字体的SVG格式上。如果您忽略它,Chrome将使用WOFF格式并在其上应用合成斜体(人造斜体)。
我首先通过从Google下载PT Sans Narrow,使用默认设置在其上运行FontSquirrel生成器,并在生成器生成的示例HTML文件中添加了斜体文本进行了测试,从而对此进行了测试。效果很好。当我重新运行选择了SVG选项的生成器时,结果是相同的,并且在Chrome开发者工具中查看“网络”窗格会显示使用了WOFF文件。但是,当我从CSS文件中删除其他格式,仅留下对SVG文件的引用时,文本显示为竖立(尽管开发人员工具仍然说它是PT Sans Narrow,用斜体表示)。
检查您的jsfiddle,我看到两个SVG文件,并在文件WOFF加载,但由于交付的text / html,但仍解释为字体文件。我不知道那是怎么回事。它可能与jsfiddle的内部有关。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句