Question

我从google fonts网站下载了字体，但字体系列无效编码如下所述有没有人可以帮助我... 我的字体位于“project_dir / fonts / Opensand-Bold.ttf”里面...... 和css文件位于“project_dir / css / style.css”

以下是我的css代码...

@font-face{
   font-family: 'myFont';
   src: url('../fonts/Opensand-Bold.ttf');
}
h1{
   font-family: 'myFont';
}

以下是我在“public_dir / page.html”

中的hthl文件

<html>
<head>
    <title></title>
    <link rel="stylesheet" href="css/style.css"></link>
</head>
<body>
    <h1>This is heading text </h1>
    <p>This is paragraph text </p>
</body>
</html>

不工作....

Answer 1

您只使用.ttf格式。它不适用于所有浏览器。也许它与您的浏览器不兼容。也可以使用其他格式。

@ font-face {

  font-family: 'MyWebFont';

     src: url('webfont.eot'); /* IE9 Compat Modes */

      src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('webfont.woff') format('woff'), /* Modern Browsers */

       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

}

检查完此代码后，您可以告诉我结果。这有用吗

无法在我的网页中设置字体系列

1 个答案: