这封信＆＃39;我＆＃39;看不清楚

Question

我正在为我的一个项目使用sencha touch而且令人惊讶的是'i'字母显示不正确（它看起来像是一个小'l'）请检查我发布的图片。

无法更改文本的字体和大小写，因为这是客户端的要求。我没有发布任何代码，因为功能上没有问题，只是显示了这个特定的字母。我对此感到沮丧，但我相信那里有人可以解决这个问题。任何帮助将非常感激。提前致谢。

P.S。当我更改分辨率时，字母会正确显示

这是父面板上的css：

*, ::after, ::before {
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-user-drag:none;
  -webkit-user-select:none;
  box-sizing:border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}

.x-stretched.x-container > .x-inner, .x-stretched.x-container > .x-body, .x-stretched.x-container > .x-body > .x-inner {
  -webkit-box-flex:1;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  flex:1 0 auto;
  flex-direction:column;
  min-height:0;
}

.x-inner, .x-body {
  height:100%;
  width:100%;
}
.generalInfoMainName {
  color: black;
  padding: 10px;
  font-size: 17px;
  font-family: opensans-bold;
  font-weight: bold;
}

这是包含文本“AMA Building”的div的HTML：

<div class="x-inner x-panel-inner" id="ext-element-692">
<div class="x-innerhtml" id="ext-element-693">
<span style="color: white;">AMA Building</span>
</div>
</div>