Webkit浏览器中的特定字体以某种方式禁止虚假斜体

韦斯·科西克

我正在使用字体PT Sans Narrow,该字体仅具有常规和粗体。因此,我需要浏览器在必要时使用假斜体。但是,只有非Webkit浏览器正在执行此操作。看到这张图片:

在此处输入图片说明

但是,问题似乎仅在于此字体,因为其他字体可以正常工作。(请参阅此JSFiddle:http//jsfiddle.net/pEVj7/)。此小提琴中的比较字体是使用Font Squirrel上的相同设置生成的。

我需要能够简单地使用以下内容,并在没有可用浏览器的情况下使浏览器使用假斜体。

<i>My custom italic text</i>

PS我知道,人造斜体可能看起来不一样或不一样,但是在这种情况下,它们比根本没有斜体更好。其次,由于在Chrome中渲染效果不佳,因此无法选择Google Webfonts。

Jukka K.Korpela

问题似乎出在字体的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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Webkit浏览器中svg文本的奇怪行为

来自分类Dev

浏览器不要求字体文件

来自分类Dev

浏览器默认字体的CSS

来自分类Dev

如何获取特定的Unicode字符以在Chrome / Webkit浏览器中显示?

来自分类Dev

Android股票浏览器中是否有草书字体?

来自分类Dev

CSS动画未在基于Webkit的浏览器中运行

来自分类Dev

字体在Web浏览器控件中不起作用

来自分类Dev

有某种图标浏览器吗?

来自分类Dev

当前在浏览器中设置语言的方式?

来自分类Dev

浏览器中的字体变形

来自分类Dev

字体在许多站点/在许多浏览器中损坏

来自分类Dev

有某种图标浏览器吗?

来自分类Dev

谷歌浏览器中的Facebook Bangla字体问题

来自分类Dev

Vim-Like(Webkit)浏览器中的模糊字体

来自分类Dev

跳过MP3会导致播放器在Webkit浏览器中损坏

来自分类Dev

非Webkit浏览器会忽略具有Webkit特定功能的@media查询

来自分类Dev

除谷歌浏览器外,“-webkit-”(CSS属性)在任何浏览器中均不起作用

来自分类Dev

在所有浏览器中字体显示不佳。

来自分类Dev

如何在Chrome浏览器中更正网页的字体?

来自分类Dev

禁止在Google Chrome浏览器中自动播放?

来自分类Dev

如何阻止/禁用浏览器中公认的编码方式?

来自分类Dev

无法在firefox浏览器中浏览特定的URL。

来自分类Dev

浏览器中特定于站点的字体覆盖?

来自分类Dev

IDN 在浏览器地址栏中的显示方式

来自分类Dev

Webkit Transition 在 Edge 浏览器中不起作用

来自分类Dev

SVG 图像在浏览器中的显示方式不同

来自分类Dev

在不同浏览器中显示字体

来自分类Dev

字体未在 Safari 或移动浏览器中呈现

来自分类Dev

Xhr 请求在我机器上的所有浏览器中显示某种格式的待处理

Related 相关文章

热门标签

归档