Html 一行代码中字体大小不同
我很难解释这个问题,但我添加了一个屏幕截图。这个问题并不存在于博客上的任何帖子中 当我意识到这个问题的时候,只有7条帖子,这是第5条。因此,这不是第一篇,也不是最后一篇,也不是永远的X帖子(也许我应该创建10篇,看看它是否再次出现?) 我已经三次检查了帖子本身中的HTML代码,在显示的源代码和通过“Inspect元素”控制的css中,一切都是干净的,没有几十个Html 一行代码中字体大小不同,html,css,Html,Css,我很难解释这个问题,但我添加了一个屏幕截图。这个问题并不存在于博客上的任何帖子中 当我意识到这个问题的时候,只有7条帖子,这是第5条。因此,这不是第一篇,也不是最后一篇,也不是永远的X帖子(也许我应该创建10篇,看看它是否再次出现?) 我已经三次检查了帖子本身中的HTML代码,在显示的源代码和通过“Inspect元素”控制的css中,一切都是干净的,没有几十个或诸如此类的标签可能会扰乱这个特定帖子的显示 我已经删除了所有删除CSS代码,因为据我所知,这意味着它不处于活动状态,无论如何都将被忽略
或诸如此类的标签可能会扰乱这个特定帖子的显示
我已经删除了所有删除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;}
你们知道这是什么原因吗?我不知道我现在多久检查一次代码,但我真的找不到任何东西。问题是文本使用的字符类似于
a
、e
和o
,但不是正常的拉丁语a
、e
和o
字符。相反,他们在西里尔语的范围内
页面正在使用Lato字体系列
,该字体系列的版本似乎缺少“а”(和#x430;
)、“ie”(和#x435;
)和“of”(和#x43E;
)字符。我不确定他们是否得到了拉丁版拉托的支持
无论如何,由于加载的Lato版本不包含这些字符的字形,浏览器会退回到下一个字体系列,该系列设置为无衬线
,这就是为什么这些字形的大小不正确
一种解决方案可能是用常规拉丁字符替换使用的字符,但是如果您依赖其他人输入内容,则当他们从键盘键入这些字符时,问题可能会再次出现
如果字符在Lato的扩展拉丁版中可用,请确保加载更具包容性的字体,这将解决此问题
如果Lato没有为这些字符提供字形,您可能需要创建一个自定义字体,其中包含用作备用字符的必要字符。创建自定义字体对于这个特定问题来说太宽泛了,所以我将把它作为练习留给读者。问题是文本使用的字符类似于a
、e
和o
,但不是正常的拉丁a
、e
和o
字符。相反,他们在西里尔语的范围内
页面正在使用Lato字体系列
,该字体系列的版本似乎缺少“а”(和#x430;
)、“ie”(和#x435;
)和“of”(和#x43E;
)字符。我不确定他们是否得到了拉丁版拉托的支持
无论如何,由于加载的Lato版本不包含这些字符的字形,浏览器会退回到下一个字体系列,该系列设置为无衬线
,这就是为什么这些字形的大小不正确
一种解决方案可能是用常规拉丁字符替换使用的字符,但是如果您依赖其他人输入内容,则当他们从键盘键入这些字符时,问题可能会再次出现
如果字符在Lato的扩展拉丁版中可用,请确保加载更具包容性的字体,这将解决此问题
如果Lato没有为这些字符提供字形,您可能需要创建一个自定义字体,其中包含用作备用字符的必要字符。创建自定义字体对于这个特定的问题来说太宽泛了,所以我将把它作为练习留给读者。您可以与实际问题共享一个链接吗?请确认这些字符实际上是'o'
(0x006F)、'e'
(0x0065)和'a'
(0x0061)字符,而不是'o'代码>(0xFF4F),'e'代码>(0xFF45)和'a'代码>(0xFF41)。要确认@ZZZBOV认为您可以检查它们,更像是无意中我更改了页面上的缩放,仍然在查找问题,并且。。。嗯,突然间,一切都恢复了110%的正常。我还尝试了这个字符代码查找器来查找带圆圈的字母:аа,十六进制字符代码:0x43e,0x435,0x430
。。总而言之,这似乎与字母的显示大小有关,而不是代码问题。12pt/16px没有区别。。。我以前从来没有遇到过这个问题。。。。页面的URL:http://www.dirksproduktbewertungen.com/
您能否与实际问题共享一个链接?请验证这些链接是否为'o'
(0x006F)、'e'
(0x0065)和'a'
(0x0061)字符,而不是'o'代码>(0xFF4F),'e'代码>(0xFF45)和'a'代码>(0xFF41)。要确认@ZZZBOV认为您可以检查它们,更像是无意中我更改了页面上的缩放,仍然在查找问题,并且。。。嗯,突然间,一切都恢复了110%的正常。我还尝试了这个字符代码查找器来查找带圆圈的字母:аа,十六进制字符代码:0x43e,0x435,0x430
。。总而言之,这似乎与字母的显示大小有关,而不是代码问题。12pt/16px没有区别。。。我以前从来没有遇到过这个问题。。。。页面的URL:http://www.dirksproduktbewertungen.com/
使用JS替换字符应该非常简单。比创建新的自定义字体容易得多。在我决定自己做得更好之前,我确实让人写了前七篇帖子。。。我认为把它们写下来,或者改写得比自己写的好,但我发现我得到的质量与我的或最差的一样。H