字体不会工作。我以为我的CSS是正确的

时间:2018-04-09 15:50:23

标签: font-face

我想在我的网页上放一个字体。它被称为whoa我得到了所有文件并将字体放在我的css上,但即使我在本地显示它也不会显示。我有我的CSS:

     @font-face
    {
    font-family:"Whoa!";
    src:url("whoa_.eot?")
    format("eot"), url("whoa_.woff")
    format("woff"), url("whoa_.ttf")
    format("truetype"), url("whoa_.svg#Whoa!")
    format("svg");
    font-weight:normal;
    font-style:normal;
    }

    .container h1 {
    font-family: Whoa!;

    }

我错过了什么?

1 个答案:

答案 0 :(得分:0)

尝试删除“!”来自font-face声明中的font-family。

此外,在.container h1 CSS中,您应该将字体系列声明放在引号中。

编辑:如果您在本地访问此字体而不使用URL,则需要确保在硬盘驱动器上正确安装了此字体。在CSS中调用此字体时,请确保字体名称与fonts目录中的文件名匹配。