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

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 关于“回退”系统的说法是正确的。如果你只有 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');
}