gpt4 book ai didi

html - MSIE 10、网络字体和字体功能设置导致文本不可见

转载 作者:太空狗 更新时间:2023-10-29 13:47:25 24 4
gpt4 key购买 nike

我认为这确实是 Microsoft Internet Explorer 10 中的错误,但我在任何地方都找不到对该问题的任何解释。可以在 http://jsfiddle.net/37Bu5/ 找到问题的现场演示。这是代码:

<html><head>
<style>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400");
.withkerning
{
font-family: "Open Sans";
font-feature-settings: "kern" 1;
}
</style>
</head><body>
<p>Here`s some example text 1.</p>
<p class="withkerning">Here`s some example text 2.</p>
</body></html>

问题是类 withkerning 的段落是完全不可见的。我想使用 kern(字体的字距调整)功能,因为它提高了可读性。

关于如何解决这个问题有什么建议吗? 据我所知,这在 MSIE 11.0 版、Firefox 或 Chrome 中无法重现。我宁愿避免使用 JavaScript,因为要么

  1. 我使用 JavaScript 应用 font-feature-settings,结果如果浏览器足够快,我会看到没有字距调整的难看的文字闪烁,或者
  2. 我保持 CSS 不变,并尝试从 MSIE 10 中删除字体功能设置。任何尝试使用 MSIE 10 查看内容但未启用 JavaScript 的用户将看到一个充满缺失文本的页面。

最佳答案

我的建议是删除 font-feature-setting 属性,因为它不会使文本更易于阅读。

原因是只有IE支持font-feature-setting。所有其他浏览器都删除了该属性,因此在非 IE 浏览器中文本呈现没有变化。

WebKit 和 Blink 浏览器支持带有 webkit 前缀的属性,Firefox 支持带有 moz 前缀的属性,但它们不支持 jsFiddle 中使用的无前缀。

如果你必须使用这个而不是给 IE,你可以添加 moz 和 webkit 前缀并删除无前缀版本,但请记住它永远不会在 IE 中使用这个属性,并且会在其他版本中被删除浏览器,如果他们删除了他们的前缀版本。

注意:看起来使用此属性会使文本在 Windows 7 的 IE10 和 11 中不可见,但在 Windows 8.x 的 IE10 和 11 中可以正常工作。

关于html - MSIE 10、网络字体和字体功能设置导致文本不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22151835/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com