css - Calibri 未出现在字体系列中

Question

我正在尝试在我的 CSS 中使用 calibri 作为字体系列。我使用的是 Mac，calibri.ttf 存储在 Mac 的字体文件中。不知何故，Css 没有在下拉列表中显示 calibri。问题可能出在哪里？

我尝试了几件事：

font-family: calibri
font-family: "calibri"
font-family: calibri.ttf

没有任何工作。它甚至不在 CSS 建议列表中（下拉列表）

路径：Macintosh HD/库/字体

我正在使用尾声

Answer 1

Calibri 存储在 Mac 上的 Microsoft 目录中
——Mac HDD/Library/Fonts/Microsoft/Calibri.ttf。

正如 Sparky 指出的那样，如果要在某处托管网页，则不能简单地声明要使用的任何字体。字体需要可从 Internet 访问，而 Mac 上的字体文件则不能。此外，字体许可证可能不允许您将 Calibri 用作 Web 字体。

所有发布的内容，如果用户在他们的系统上安装了 Calibri，那么只要您的 CSS 规则正确，该字体应该可以工作。

要让 Calibri 在您的机器上运行，您需要将名称大写。

.class { font-family: Calibri, san-serif; }

上面的 CSS 规则在我的 Mac 上起作用。