Html 其他计算机上无法使用的字体

Html 其他计算机上无法使用的字体,html,fonts,Html,Fonts,我刚刚主持了我的第一个网站,并在html中定制了字体,但它们没有显示在其他人的计算机上,只是显示为默认文本。这就是我这边的情况: 顺便说一下,我定义字体的方式是在文本之前使用html中的字体面和标记。对于按钮,我使用font:face,但这也不起作用:/。字体是Garamond和Open SAN。您在站点中使用的字体文件是什么?您是否在控制台中看到任何错误? 在.ttf字体文件中,最常见的一个错误是可嵌入权限错误。ttf有时没有正确的运行权限,因此您可以使用以下工具修复它: 但是,发布任何控制

我刚刚主持了我的第一个网站,并在html中定制了字体,但它们没有显示在其他人的计算机上,只是显示为默认文本。这就是我这边的情况:


顺便说一下,我定义字体的方式是在文本之前使用html中的字体面和
标记。对于按钮,我使用font:face,但这也不起作用:/。字体是Garamond和Open SAN。

您在站点中使用的字体文件是什么?您是否在控制台中看到任何错误? 在.ttf字体文件中,最常见的一个错误是可嵌入权限错误。ttf有时没有正确的运行权限,因此您可以使用以下工具修复它:


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

您在站点中使用的字体文件是什么?您是否在控制台中看到任何错误? 在.ttf字体文件中,最常见的一个错误是可嵌入权限错误。ttf有时没有正确的运行权限,因此您可以使用以下工具修复它:


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

尝试在代码中包括开放式SAN,如下所示:

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


有关更多帮助,您可以检查

尝试在代码中包含开放式SAN,如下所示:

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


要获得更多帮助,您可以查看您好查看您的页面我看到一个
标记,HTML5不支持
标记,请尝试改用CSS

你可以这样做:

<p>some text here</p>

另外,请确保您使用的字体是“安全字体”,如果不是,您应该添加字体文件。

您好,查看您的页面,我看到一个
标记,HTML5不支持
标记,请尝试改用CSS

你可以这样做:

<p>some text here</p>

还要确保您使用的字体是“安全字体”,如果不是,您应该添加字体文件。

我已经查看了您的代码。您的问题是您没有导入任何字体。。。但是,您要求它使用一种不存在的字体

font-family: 'Open Sans';
而且您似乎只将其应用于
按钮

因此,您需要了解的是:如果字体不是“安全字体”(有关详细信息,请参阅下文),则需要导入该字体:

在您选择的字体上单击“使用”……将出现一行html,其外观如下所示:

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

将其放在网站的标题部分(注意:
标记与网站上的
标记不同)

我建议您查看w3页面,该页面向您展示了一个基本结构,以及您应该将
标记放置在与网站其他部分相关的位置

总之,一旦你在head标签中有了一行html,只需将css
font-family
代码应用到你想要拥有字体的项目上(css行看起来像这样:
font-family:'Open Sans',Sans serif;
)请注意,谷歌为你提供了要使用的代码

如果您想要粗体、斜体或类似的内容,您需要在页面顶部选择它(就在它给您添加到站点的代码的上方):

编辑以使答案完整:

安全字体

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

如果你不想使用谷歌的字体,你可以使用“安全字体”(阅读它们((w3页)))

基本上,它们是无需从外部(或本地)源导入字体即可使用的字体。它们是硬连线的(如果愿意,可以预加载) 现在每个人都可以看到字体了

祝你好运

哦,还有一件事……在代码的底部,您似乎调用了一个javascript文件,但没有任何结果(您调用的文件不在那里)。这不是什么大问题,但删除它可能比不删除要好:


我查看了你的代码。你的问题是你没有导入任何字体…但是你要求它使用一种不存在的字体

font-family: 'Open Sans';
而且您似乎只将其应用于
按钮

因此,您需要了解的是:如果字体不是“安全字体”(有关详细信息,请参阅下文),则需要导入该字体:

在您选择的字体上单击“使用”……将出现一行html,其外观如下所示:

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

将其放在网站的标题部分(注意:
标记与网站上的
标记不同)

我建议您查看w3页面,该页面向您展示了一个基本结构,以及您应该将
标记放置在与网站其他部分相关的位置

总之,一旦你在head标签中有了一行html,只需将css
font-family
代码应用到你想要拥有字体的项目上(css行看起来像这样:
font-family:'Open Sans',Sans serif;
)请注意,谷歌为你提供了要使用的代码

如果您想要粗体、斜体或类似的内容,您需要在页面顶部选择它(就在它给您添加到站点的代码的上方):

编辑以使答案完整:

安全字体

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

如果你不想使用谷歌的字体,你可以使用“安全字体”(阅读它们((w3页)))

基本上,它们是无需从外部(或本地)源导入字体即可使用的字体。它们是硬连线的(如果愿意,可以预加载) 现在每个人都可以看到字体了

祝你好运

哦,还有一件