Css @字体不工作

我正在尝试从本地存储中获取一种字体

@font-face {
    font-family: const;
    src: url(const.ttf);
}

.fp_title1 {
    font-family: 'const', trebuchet ms;
    font-size: 350%;
    font-weight: 100;
    -webkit-text-stroke: 1px;
}

这行不通。我尝试过重命名该文件，使用“字体系列”加引号和不加引号

我还尝试将字体与HTML链接

<link href='CSS/const.ttf' rel='stylesheet' type='text/css'>

它在同一个文件夹中，名称正确。我不明白

编辑：我的CSS文件已链接，字体为.ttf

---

CSS有一个

.CSS

文件扩展名，您给了它

.ttf

您可能在代码中有两个错误：路径和扩展名。并使用以下格式以及ttf：

@font-face {
  font-family: 'const';
  src: url('const.eot'); /* IE9 Compat Modes */
  src: url('const.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('const.woff') format('woff'), /* Modern Browsers */
       url('const.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('const.svg#svgFontName') format('svg'); /* Legacy iOS */
}

有助于创建web字体的URL：

---

您为css提供了错误的路径。将其更改为href='Css/const.Css'我在本地测试过。它工作得很好。放置JSFIDLE链接，以便我们可以测试它。@Ullas我的CSS文件已链接。字体是.ttfYou migh twanna如果你想让chrome使用.svg而不是.woffYes，那就把.svg往上推吧+1为您的发现：）@KunJ它说我的字体已损坏。。。然而，Windows字体查看器正确地显示了它，我从官方来源下载了该字体。我之前已经试过很多次了，只是用arial.ttf试过，它给了我完美的结果。可能是您的字体有一些字形已损坏。让我用您的字体检查一下。但它是一个.ttf文件？不是。您链接到css的字体是.ttf。css文件仍然是一个.css文件。就像在css中链接图像作为背景一样。