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

Question

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

我将 XAMPP 用于本地服务器，将 Dreamweaver 用作 IDE（不确定这是否重要，尽管我 "managed" 我的字体在那里并添加了我正在尝试的字体使用）。

无论如何，在尝试查看我的测试时，我不断从浏览器控制台收到以下 "error"："unknown property name" 用于 h1 元素上的字体系列我正在尝试这个东西。

这是我为此编写的一些代码，也许我做错了什么？

<!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，并使用相对 URL。例子

@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;
}

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

How to use font-face on a local server (xampp)?

css

xampp

fonts

font-face