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

时间:2017-10-12 17:38:08

标签: css google-chrome fonts webfonts google-webfonts

我使用带有西里尔字母的Google Open Sans字体(https://fonts.google.com/specimen/Open+Sans)。如果我有压力词( - 字体集中缺少重音符号),谷歌浏览器只会在重音后呈现部分。但是另一个浏览器没有同样的问题。

渲染比较: Comparative Google and Edge rendering 我知道每个浏览器都有自己的渲染引擎,但我非常想解决或避免这种麻烦。我该怎么办?

.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">
	<p> філігра́нний — несамови́тий </p>
	<p> філігранний — несамовитий </p>
</div>

2 个答案:

答案 0 :(得分:0)

将其视为您想要确保该线的宽度相同。我会为<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;">

答案 1 :(得分:0)

我只是将 “text = ...чшщьюя” 添加到我的Google Web Fonts API请求中。

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

事实证明,重音符号属于 latin-ext 字符集