Question

我刚刚托管了我的第一个网站http://ianwinson.net，并在html中自定义了字体，但它们没有显示在其他人的计算机上，只是显示为默认文本。这就是我的结果：

顺便说一句，我定义字体的方式是在文本之前使用字体和html中的<font>标记。对于按钮我使用font：face，但这不起作用：/。字体是Garamond和Open Sans。

Answer 1

我看了你的代码。您遇到的问题是您没有导入任何字体......但是您要求它使用不存在的字体。

font-family: 'Open Sans';

此外，您似乎只将其应用于button。

所以你需要知道的是：如果字体不是＆＃34;安全字体＆＃34; （有关详细信息，请参阅下文＆＃34;然后您需要导入它：

点击＆＃34;使用＆＃34;在您选择的字体....将有一行html看起来像下面这样：

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

将其放在网站的主题部分（注意：<head>标记与您网站上的<header>标记不同。

我建议您看一下this w3页面，其中显示了一个基本结构，以及您应该将<head>标记与其他网站相关联的位置。

无论如何，一旦你在head标签中有html行，只需将css font-family代码应用到你想拥有字体的项目上（css的行看起来像这样：{{1}请注意，Google会为您提供使用的代码。

如果你想要粗体，斜体或类似的东西，你需要在页面顶部选择它（就在它给你的代码添加到你的网站的上方）：

编辑以完成答案：

安全字体

我忘了安全字体，直到我在另一个答案中看到它，我想让这个答案完整。

如果您不想使用Google提供的字体，可以使用＆＃34;安全字体＆＃34; （阅读他们here（（w3页）））。

基本上，它们是您可以使用的字体，无需从外部（或本地）源导入字体。它们是硬连线的（如果你愿意，可以预装）现在每个人都应该能够看到字体！

祝你好运！

哦，还有一件事......在你的代码的底部，你似乎在调用一个javascript文件，什么都没有（文件不在那里你正在调用）。这不是什么大不了的事，但它可能更好地被删除了：

Answer 2

尝试在代码中包含Open Sans，如下所示：

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />

如需更多帮助，您可以查看this link

Answer 3

在查看您的信息页后，我看到了<font>标记，HTML5中不支持<font>标记，请尝试使用CSS。

你可以这样做：

<p>some text here</p>

然后在你的CSS中：

p {
  font-family: "Times New Roman", Georgia, Serif;
}

还要确保你使用的字体是＆＃34;安全字体＆＃34;如果不是，你应该添加字体文件。

Answer 4

偶然发现了同一问题。我检查了浏览器控制台，发现未加载字体，因为启用了站点 https ，但是字体URL为 http 。

将字体网址更改为 https 对我有用。

Answer 5

您在网站中使用了哪些字体文件？你在控制台看到任何错误吗？您将看到.ttf字体文件发生的最常见事情之一是可嵌入的权限错误。 .ttf有时无法获得正确的权限，因此您可以使用https://www.andrebacklund.com/fontfixer.html

等工具进行修复

但是，发布任何控制台错误或更多关于字体处理的上下文将有助于诊断发生了什么。