使用Chrome浏览器和Safari浏览器进行查看时，我的html页面中的“tt”，“ti”，“ff”等字符消失 [英] Characters like `tt` , `ti`, `ff` in my html page disappears while viewing with chrome and safari

问题描述

在一个特定的html文件中，所有ti，fi，tt字符在查看时都缺失（当我们在 inspect element ）。

例如：解决方案是拼写错误的soluon。

示例屏幕截图

p>

相同的html与FireFox很好地协作。上述问题在Chrome和Safari中复制。

版本

1. Chrome版本：版本50.0.2661.94（64位）
   
2. Safari版本：9.0版本（11601.1.56）

请帮我解决这个问题。

解决方案

以上问题仅出现在webkit浏览器（如chrome和safari）中 - 它提供对连字的支持 - 而Firefox等浏览器则不支持。

绷带是两个或多个字母的组合，一个
字形

根本原因

这个缺少字符的问题是由于这些现代浏览器提供的连字支持 - 请让我解释一下如何

1.The tool while while rting - 它使用poppler将字符转换为字形进行渲染 - 现在，当这些浏览器遇到像tt tf ffi fi这样的字符时，将它们视为连字符并搜索与tt对应的字形而不是tt

2.因为他们没有相应的字形 - 他们只是跳过字符并渲染剩下的字符 - 所以，我们发现缺少字符

禁用/关闭这些浏览器中的连字符 - 将css嵌入到生成的内容中$ b $ strong>可以通过解决

详情请参阅：

• 通过CSS防止Safari（小牛/ iOS7）中的连字

如果我错了，请纠正我。

In a particular html file all "ti","fi","tt" characters are missing while viewing (The characters are there when we view it in inspect element).

eg: "Solution" is miss spelt "soluon".

Sample screenshot

The same html works well with FireFox. The above issue reproduces in Chrome and Safari.

Version

1. Chrome version : Version 50.0.2661.94 (64-bit)
2. Safari version : Version 9.0 (11601.1.56)

Kindly help me to sort this out.

解决方案

The above issue occurs only in - webkit web browsers like chrome and safari - which provides support for ligatures - whereas browser like firefox does not.

A ligature is a combination of two or more letters joined as a single glyph

​Root cause

This issue with missing characters is due to ligature support provided by these modern browsers - let me explain how

1.The tool while converting - it converts characters to glyphs using poppler for rendering - now these browser when they come across characters like tt tf ti ff fi consider them to be ligature and searches for glyphs corresponding to tt and not t t

2.Since they do not have their corresponding glyphs - they just skip the characters and renders the rest - so, we fount the characters missing

Could be solved by

Disabling/ Turning-off the ligature in these browsers - embedding the css in the generating content

For more details please refer:

• Prevent ligatures in Safari (Mavericks/iOS7) via CSS

Please correct me if I am wrong.

这篇关于使用Chrome浏览器和Safari浏览器进行查看时，我的html页面中的“tt”，“ti”，“ff”等字符消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！