网站的主文本（“优雅是崇高的。”）出于某种原因没有很正确的字体。我正在查看我的设计和实时版本，它们是不同的。
对我来说，头疼的问题是，除非字体变形，为什么它看起来也不一样。除字体大小外，字体明显不同。有什么建议吗？
https://github.com/marcoantonio123456/Studio
Live version
How it should be
@font-face {
font-family: 'Stem-Regular';
src: url('components/typefaces/Stem-Regular.ttf') format('ttf'),
}
.headline-top { position: relative;
font-family: 'Stem-Regular', sans-serif;
font-size: 7.8em;
letter-spacing: 0.8px;
left: 90px;
top: 350px;
z-index:1;
最佳答案
对我来说，头疼的问题是，除非字体变形，为什么它看起来也不一样。除字体大小外，字体明显不同。有什么建议吗？
摘要：
您使用的字体不是Stem Regular。尽管文件名声称是这样。
细节：
（正确的）屏幕截图中的字体与your website上的字体不同。您的网站正确显示从'Stem-Regular'加载的'components/typefaces/Stem-Regular.ttf'字体。这是否实际上是具有该名称的字体，值得怀疑。
我已经复制了您的字体并在Word文档中使用了该字体，并且该字体与您的网站一样显示。您的代码或加载的字体文件没有任何问题。
根据几个在线字体库，您拥有的字体与Stem Regular或Stem Regular W03不同。
您可以在此处查看Stem Regular W03：Fonts.com，Online Web Fonts注意a字符与您的网站不同。
解：
从另一个存储库中找到正确的Stem Regular，或者追捕从中获得此字体的人。我们不能为您提供帮助，因为这不是代码问题。
关于html - CSS Import Font-face差异，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57513012/