Google字体 - Google Chrome中的部分呈现

我使用Google Open Sans字体（https://fonts.google.com/specimen/Open+Sans）与西里尔文。如果我已经强调了单词（ - 字体集中缺少重音符号），Google Chrome只会渲染重音后的部分。但另一个浏览器并不存在同样的问题。Google字体 - Google Chrome中的部分呈现

渲染比较：我明白，每个浏览器都有自己的渲染引擎，但我非常想解决或避免这种麻烦。我该怎么办？

.open-sans-font { 
 
    font-family: "Open Sans"; 
 
}

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&amp;subset=cyrillic" rel="stylesheet"> 
 
<div class="open-sans-font"> 
 
\t <p> філігра́нний — несамови́тий </p> 
 
\t <p> філігранний — несамовитий </p> 
 
</div>

来源

2017-10-12 Palindromer

我不明白，这两个屏幕截图显示看起来一样的东西，保存在Chrome中的第一ф。你能进一步澄清你需要我们注意什么吗？ –

我只是简单地添加“文本= ...чшщьюя”我的谷歌的Web字体API请求。

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&text=АБВГҐДЕЄЖЗИІЇЙКЛМНОПРСТУФХЦЧШЩЬЮЯабвгґдеєжзиіїйклмнопрстуфхцчшщьюя́" rel="stylesheet">

事实证明，重音符号属于拉丁转字符集

来源

2017-10-13 20:24:20 Palindromer

以它为你想确保宽度是该行的一样。我的屁股类到<p>例如

<p class="RenderTrouble">філігра́нний — несамови́тий</p>

而且在你的CSS把

.RenderTrouble { 
       max-width: 200px; /* Or how ever many pixels it is long */ 
}

而且应该这样做。唯一的问题是找到边缘渲染的长度有多少像素。我会做数学; 1398 -19 = 1379 句子的长度为1379px所以让CSS

.RenderTrouble { 
       max-width: 1379px; /* Or how ever many pixels it is long */ 
}

那么理论上是这样。它不适合我，所以我怕你运气不好。我会继续努力，看看我是否能得到它
我放弃here

<img src="./Untitled.png" style="max-width: 210px; height: 120;">

来源

2017-10-13 02:22:02 PsychoWolf

@PsyhoWolf，这是个好主意。但不幸的是，在每个句子上创建图像的成本太高。 – Palindromer

Google字体 - Google Chrome中的部分呈现

回答

相关问题