一行代码

Question

我很难解释这个问题，但我添加了一个截图。此问题不在博客上的任何帖子中。

此刻我才意识到这个问题只有7个帖子，这就是张贴5号。所以它不是第一个，也不是最后一个也不是X Post（也许我应该创建10来看看它是否再次出现？）。

我已经通过＆＃34; Inspect Element＆＃34;在显示的源代码和控制css中对发布本身的HTML代码进行了三次检查。一切都很干净，没有几十个<span>或什么标签可能会弄乱这个特定帖子的显示。

我删除了所有删除CSS代码，因为我知道这意味着它不活跃并且无论如何都会被忽略：

.coller .out-thumb .entry-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: #3e3e3e;
    padding-left: 3px;
    display: inline-block;
    padding-top: 5px;}

.grid .out-thumb .entry-excerpt {
    font-weight: 400;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;}

* {
    box-sizing: border-box;}

body {
    font-family: "Lato", sans-serif;
    word-wrap: break-word;}

你们有什么想法会导致这种情况吗？我不知道我现在多久检查一下代码，但我真的找不到任何东西。

Answer 1

问题是该文字使用的字符与a，e和o类似，但不是正常的拉丁文a，{{1} }和e个字符。相反，他们处于西里尔范围内。

该网页正在使用Lato o，font-family的版本似乎缺少'а'（font-family），'''（а ）和'о'（е）个字符。我不确定他们是否得到扩展的拉丁版Lato的支持。

无论如何，因为加载的Lato版本不包含这些字符的字形，浏览器会回退到下一个字体系列，设置为о，这就是为什么这些字形出现在错误大小

一种解决方案可能是替换常规拉丁字符使用的字符，但是如果您依赖其他人进行内容输入，则当他们从键盘输入这些字符时，问题很可能会回来。

如果扩展拉丁版本的Lato中有这些字符，请确保加载更具包容性的字体应解决问题。

如果Lato不为这些字符提供字形，您可能需要创建一个包含必要字符的自定义字体作为后备字符。创建一个自定义字体对于这个特定的问题来说太广泛了，所以我将它作为练习留给读者。