Question

您好，

我最近遇到了@ font-face，当我读到最终我们webdevelopers有办法在任何浏览器/计算机上显示我们自己的字体以及所有用户时，无论他们的浏览器设置如何，他们都有或者不是安装的字体。但是，我还没有找到一个有效的例子。我试图自己实现它，它不工作，所以是什么捕获？这是我的代码：

@font-face {
    font-family: DeliciousRoman;
    src: local('DeliciousRoman'), url('font.ttf') format('truetype');
}

span {
    font-family: 'DeliciousRoman', sans-serif;
}

<span>example</span>

显示的字体是普通的浏览器字体。它是@ font-face的限制还是仅仅是我的代码？

谢谢。

Answer 1

这里有两个问题，所以我试着回答两个问题：

首先，@ font-face不会强制用户使用字体。根据{{3}}页面：

@ font-face CSS at-rule允许作者指定在线字体以在其网页上显示文本。通过允许作者提供自己的字体，@ font-face无需依赖用户在其计算机上安装的有限数量的字体。 @ font-face at-rule不仅可以在CSS的顶层使用，也可以在任何CSS条件组中使用。

所以@ font-face只提供一个新的字体定义。如果浏览器设置了一种样式来覆盖您的字体，那么它仍然会被覆盖。

其次，就你的实施而言，一切似乎都很好。也许你应该检查一下你是否正确引用了你正在加载的字体文件。是＆＃34; font.tff＆＃34;正确的名字？它与此代码所在的文件位于同一目录中吗？您的浏览器是否覆盖了字体？您使用的浏览器是否支持@ font-face？

@ font-face真的可以强制自定义字体显示并覆盖用户的选择吗？

1 个答案: