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

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

来自分类Dev

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

来自分类Dev

浏览器中的字体变形

来自分类Dev

在不同浏览器中显示字体

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

有某种图标浏览器吗?

来自分类Dev

有某种图标浏览器吗?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

浏览器如何更改当前字体中不存在的字体粗细?

来自分类Dev

同一字体系列在不同浏览器中的字体大小不同

来自分类Dev

如何确定我的浏览器与字体系列中的哪种字体匹配?

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    浏览器中的字体变形

  4. 4

    在不同浏览器中显示字体

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

    有某种图标浏览器吗?

  11. 11

    有某种图标浏览器吗?

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

    浏览器如何更改当前字体中不存在的字体粗细?

  28. 28

    同一字体系列在不同浏览器中的字体大小不同

  29. 29

    如何确定我的浏览器与字体系列中的哪种字体匹配?

热门标签

归档