Google 字体 — Google Chrome 中的部分呈现
Google fonts — partial rendering in Google Chrome
我使用带有西里尔文的 Google Open Sans 字体 (https://fonts.google.com/specimen/Open+Sans)。如果我强调了单词( ́ — font-set 中缺少重音符号),Google Chrome 仅呈现重音之后的部分。但是其他浏览器没有同样的问题。
渲染对比:
我知道每个浏览器都有自己的渲染引擎,但我很想解决或避免这个麻烦。我该怎么办?
.open-sans-font {
font-family: "Open Sans";
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&subset=cyrillic" rel="stylesheet">
<div class="open-sans-font">
<p> філігра́нний — несамови́тий </p>
<p> філігранний — несамовитий </p>
</div>
随心所欲,确保该行的宽度相同。例如,我会给那个 <p>
添加一个 class
<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;">
我只是将 “text=...чшщьюя́” 添加到我的 Google 网络字体 API请求。
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&text=АБВГҐДЕЄЖЗИІЇЙКЛМНОПРСТУФХЦЧШЩЬЮЯабвгґдеєжзиіїйклмнопрстуфхцчшщьюя́" rel="stylesheet">
原来重音符号属于latin-ext字符集
我使用带有西里尔文的 Google Open Sans 字体 (https://fonts.google.com/specimen/Open+Sans)。如果我强调了单词( ́ — font-set 中缺少重音符号),Google Chrome 仅呈现重音之后的部分。但是其他浏览器没有同样的问题。
渲染对比:
.open-sans-font {
font-family: "Open Sans";
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&subset=cyrillic" rel="stylesheet">
<div class="open-sans-font">
<p> філігра́нний — несамови́тий </p>
<p> філігранний — несамовитий </p>
</div>
随心所欲,确保该行的宽度相同。例如,我会给那个 <p>
添加一个 class
<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;">
我只是将 “text=...чшщьюя́” 添加到我的 Google 网络字体 API请求。
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&text=АБВГҐДЕЄЖЗИІЇЙКЛМНОПРСТУФХЦЧШЩЬЮЯабвгґдеєжзиіїйклмнопрстуфхцчшщьюя́" rel="stylesheet">
原来重音符号属于latin-ext字符集