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中的部分呈現

回答

相關問題