尝试导入新字体但不起作用

Question

我正在尝试导入一个新的字体来实现它到我的p元素的css中。但是我导入的字体由于某种原因无法显示。这是我的代码：

null

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./Quicksand-Regular.ttf) format('ttf');
}

p{
    font-family: 'Quicksand', sans-serif;
}

null

你知道是什么导致了这个问题吗？

Answer 1

这是您输入src URL的方式。使用“”输入字体文件的路径

    src: url('./Quicksand-Regular.ttf') format('ttf');

Answer 2

顺便解决了问题，像这样：

 src: url(./Quicksand-Regular.ttf) format('truetype');