Question

我正在尝试使用名为BebasNeue Regular的自定义字体，我打算将我的网站放在网上，以便它不应该只在我的本地电脑上显示。我使用以下CSS导入字体：

@font-face {
    font-family:BebasNeue Regular;
    src:url("BebasNeue Regular.ttf");
}

    .text h1 {
        margin:auto;
        text-align:center;
        font-size:15vw;
        text-transform:uppercase;
        font-family:BebasNeue Regular;
    }

其他人可以看到此字体吗？

Answer 1

@Tommy O关于＆＃34;后备＆＃34;是正确的系统。如果您只有ttf版本，则应使用Online Font Converter创建所需格式的字体文件。最终产品还将为您提供一个示例css文件，向您展示如何正确应用它们。在你的情况下，它看起来像这样：

@font-face {
    font-family:'BebasNeue Regular';
    src: url('BebasNeue Regular.eot');
    src: url('BebasNeue Regular.woff') format('woff'),
       url('BebasNeue Regular.ttf') format('truetype'),
       url('BebasNeue Regular.eot?#iefix') format('embedded-opentype');
}

Answer 2

1。）对于其中包含空格的字体名称，请使用引号：

@font-face {
  font-family:"BebasNeue Regular";
  src:url("BebasNeue Regular.ttf");
}

.text h1 {
    margin:auto;
    text-align:center;
    font-size:15vw;
    text-transform:uppercase;
    font-family:"BebasNeue Regular";
}

但实际上我怀疑该字体的ttf文件名称中有空格（如上所述），所以最好检查一下，如果，则替换空格（在文件名中）带有下划线，如BebasNeue_Regular.ttf。

2。）此代码仅在字体文件与html或php文件（即网页本身）位于同一目录（服务器上）时才有效。

每个人都可以看到这个字体吗？

2 个答案: