无法将自定义字体添加到HTML / CSS网站模板

因此,我从引导程序中获得了一个模板,并且我已经在该模板上工作了几天。(我是HTML / CSS的新手)。我似乎无法为自己的生活添加自定义字体。我的字体放在一个名为“字体”的文件夹中。我的CSS文件分为“ main.css”文件和“ fonts.css”文件。任何帮助,将不胜感激。

<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/fonts.css">
/*In MAIN.CSS file 
====================*/

.home-content h1 {
    font-family: "sharpgrotesk-bold", sans-serif;
    color: #fff;
    font-size: 6rem;
    line-height: 1.35;
    margin-top: 0;
}

/*In FONTS.CSS file 
====================*/

@font-face {
    font-family: "sharpgrotesk-bold";
    src: url("fonts/SharpGrotesk-Bold20.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}
评论