字体以不同的尺寸和风格在周围跳舞。

Question

所以我要面对一个奇怪的问题。有些字体有完全不同的形状和大小。我已经使用<meta charset="UTF-8">的网页，以防止一些字体的不当行为。但这并没有解决问题。

​

​

附件是行为文本的代码，当我尝试删除这个单词并再次键入它时，它工作得很好。但为什么它会这样表现呢？我已经用Calibri字体从Microsoft复制了这篇文章。也尝试过font-style: normal，但没有运气。我想知道是什么问题。

没有发布文本：我删除并再次键入文本，这解决了我的问题。但我不能在实际的页面上把它们全部输入一遍。

​

body {
    font-family: 'Poppins', sans-serif;
}
p {
font-size:20px;
}

<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

<h1>With Issue</h1>
<p>Our рrоduсt line is ultіmаtеlу aimed at promoting skin’s nаturаl rеjuvеnаtіоn process tо ѕоftеn ѕkіn, mаіntаіn elasticity, mіnіmіzе thе appearance оf роrеѕ аnd wrіnklеѕ, еvеn ѕkіn tоnе, and еnhаnсе radiance.</p>


<h1>Without Issue</h1>

<p>Our product line is ultіmately aimed at promoting skin’s nаtural rеjuvenаtіоn process tо softеn ѕkіn, maintain elasticity, mіnіmіzе thе appearance оf pores аnd wrіnkles, even skin tone, and enhance radiance.</p>

​

Answer 1

你在写英语单词，但有时你不使用英文字母。

如果我从您的源代码中检查一个单词，您使用的字符如下：

U+0075 : LATIN SMALL LETTER U
U+006C : LATIN SMALL LETTER L
U+0074 : LATIN SMALL LETTER T
U+0456 : CYRILLIC SMALL LETTER BYELORUSSIAN-UKRAINIAN I {Old Cyrillic i}
U+006D : LATIN SMALL LETTER M
U+0430 : CYRILLIC SMALL LETTER A
U+0074 : LATIN SMALL LETTER T
U+0435 : CYRILLIC SMALL LETTER IE
U+006C : LATIN SMALL LETTER L
U+0443 : CYRILLIC SMALL LETTER U

您所使用的字体中没有西里尔字母，因此浏览器会退回到其中。

使用正确的字母表(人类)语言，你正在写！

您可以通过使用音译工具(例如这个图书馆)以编程方式解决问题，从而将所有内容强制到ASCII。

Answer 2

MS中的文本具有与其相关的额外信息，在复制粘贴到html文件或CMS时也可以复制这些信息。复制和粘贴的最佳实践是尝试中间文本编辑器(如TextEdit for Mac或Note )，或者在复制和粘贴代码之前将文档转换为纯文本。