CSS导入字体与字体的区别

时间:2019-08-15 16:31:59

标签: html css font-face

该网站的主要文字(“优雅是崇高的。”)由于某种原因字体不正确。我正在查看我的设计和实时版本,它们是不同的。

对我来说,头疼的问题是,除非字体变形,为什么它看起来也不一样。除字体大小外,字体明显不同。有建议吗?

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;

1 个答案:

答案 0 :(得分:0)

  

对我来说,头疼的问题是,除非字体变形,为什么它看起来也不一样。除字体大小外,字体明显不同。有建议吗?

摘要:

您拥有的字体不是Stem Regular。尽管文件名声称是这样。

详细信息:

(正确的)屏幕截图中的字体与your website上的字体不同。您的网站正确显示了'Stem-Regular'加载的'components/typefaces/Stem-Regular.ttf'字体。这是否实际上是具有该名称的字体,值得怀疑。

我已经复制了您的字体并在Word文档中使用了该字体,并且该字体与您的网站一样显示。您的代码或加载的字体文件没有任何问题。

根据一些在线字体存储库,您拥有的字体与Stem Regular或Stem Regular W03相同。

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

解决方案:

从另一个存储库中找到正确的Stem Regular,或者追捕从中获得此字体的人。我们不能为您提供帮助,因为这不是代码问题。