Question

我正在尝试使用font-face和我的计算机上的本地字体自定义字体。

我正在使用XAMPP作为本地服务器，使用Dreamweaver作为IDE（不确定是否重要，不过我在那里“管理”了我的字体并添加了我正在尝试使用的字体。）

无论如何，在尝试查看我的测试时，我不断从浏览器控制台收到以下“错误”：h1元素上的font-family的“未知属性名称”我正在尝试这件事。

以下是我对此做过的一些代码，也许我出错了？

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Prueba: Importando Fuentes</title>

    <style type="text/css">

    @font-face
    {
        font-family: 'origami';
        src:url("http://localhost/Laboratorio%20de%20Pruebas/Mayo/Fonts/fonts/fonts/origami_making.ttf");           
        font-weight:normal;             
    }

    h1
    {
        font-familiy: 'origami', sans-serif;    
    }

    h2
    {
        font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;   
    }

    </style>
</head>

<body>

    <h1>ORIGAMI</h1>
    <h2>IMPACT</h2>

</body>
</html>

Answer 1

我很确定你也需要origami_making.eot，并使用相对网址。示例

@font-face {
 font-family: "Flaticon";
 src: url("flaticon.eot");
 src: url("flaticon.eot#iefix") format("embedded-opentype"),
 url("flaticon.woff") format("woff"),
 url("flaticon.ttf") format("truetype"),
 url("flaticon.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}

如何在本地服务器（xampp）上使用font-face？

1 个答案: