为什么Google Fonts一半通过Visual Studio工作?

Question

当我使用Visual Studio Code创建页面时，字体看起来不错。 当我开始使用Visual Studio(无论是通过调试还是在Azure中运行(时，部分文本变得扭曲。

看起来不错的文本和看起来不好(扭曲(的文本之间的区别在于，看起来不好的文本是我在页面上手动编写的文本 - 在 HTML 文件中。

看起来不错的文本是从 XML 文件加载并使用文档的。InnerHTML.GetElementById.. 命令。

有人有偶像吗？

我试图改变谷歌链接的位置 - 没有变化..

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Assistant|Heebo&display=swap">

body {
background: #fdfdfe;
box-sizing: border-box;
font-family: 'Assistant', sans-serif;
color: #51565d; 
line-height: 1.8;
height: 100%;
text-align: right;
direction: rtl;
overflow-y:scroll;
font-size: 16px;
}

Answer 1

您可以使用此代码

<link href="https://fonts.googleapis.com/css?family=Assistant&display=swap" rel="stylesheet"> 
<style type="text/css">
body {
background: #fdfdfe;
box-sizing: border-box;
font-family: 'Assistant', sans-serif;
color: #51565d; 
line-height: 1.8;
height: 100%;
text-align: right;
direction: rtl;
overflow-y:scroll;
font-size: 16px;
}
</style>

<div class="">lorem ipsum dolor sit amet</div>