CSS导入字体差异

Question

由于某种原因，网站的正文 ("Elegance is sublime.") 字体不太合适。我正在看我的设计和现场版本，它们是不同的。

让我头疼的问题是，除非字体变形，否则为什么看起来不一样。撇开字体的大小明显不同。建议？

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;

Answer 1

The head-scratching issue for me is, unless the font is distorted why does it look different. Sizing aside the font is clearly different. Suggestions?

总结：

你的字体不是Stem Regular。尽管文件名自称如此。

详情：

您（正确的）屏幕截图中的字体与 your website 中的字体不同。您的网站正确显示从 'components/typefaces/Stem-Regular.ttf' 加载的 'Stem-Regular' 字体。这是否真的是这个名字的字体，值得怀疑。

我复制了你的字体，用在word文档上，字体显示和你的网站一样。您的代码或加载的字体文件都没有问题。

根据几个在线字体库，您拥有的字体与 Stem Regular 或 Stem Regular W03 不同。

您可以在此处查看 Stem Regular W03：Fonts.com, Online Web Fonts 请注意 a 字符与您的网站不同。

解决方案：

从其他存放处找到正确的 Stem Regular，或者追查从谁那里获得此字体的人。我们无法帮助您，因为这不是代码问题。

CSS导入字体差异

CSS Import Font-face difference

html

css

font-face

总结：

详情：

解决方案：