这适用于Windows，该过程应该类似，但在其他操作系统上不完全相同。 ##

（除非您在已购买的网站上这样做（例如：www.example.ca）但是，如果您在本地（仅作为文件在您的计算机上）进行操作，那么在其他操作系统上则会有所不同。

在您阅读所有这篇文章之前...您购买的字体，文件应以ttf或woff文件格式结束，如果没有，我很抱歉，但您购买的字体很可能不是＆n ＃39; ta网络字体，这个答案不会帮助你（如果不是或不知道，请随时张贴它的名称。并且不管怎样，请不要为网站购买字体（或者对于那件事情你可以随时免费获取它们：阅读我的最后一句话，它说：＆＃34; BTW：＆＃34;看看哪里可以免费获得网络字体！

好。让我们简要介绍字体的工作方式。

安全字体

安全字体是适用于大多数浏览器的字体。这就是Wikipedia所说的：

Web安全字体是可能出现在各种计算机系统上的字体，Web内容作者使用这些字体来增加内容以其所选字体显示的可能性。如果网站的访问者没有指定的字体，他们的浏览器会尝试根据作者指定的后备字体和泛型系列选择类似的替代字体，或者使用访问者操作系统中定义的字体替换。

您可以将它们视为适用于大多数互联网浏览器的字体。

为什么我会提出安全字体？因为它们最容易使用并且需要0设置。不过不要担心！一切都会奏效。

其他字体

虽然我确信这是技术名称，但必须这样做。如果您没有将它们指向字体的文件（这就是您所拥有的），这些是浏览器不知道如何显示的字体。

好的，让我们开始吧：

我不知道您对网站了解多少，所以我将尽可能简化。

在网站上：

如果您有一个网站（您通过某个公司购买并拥有域名）而不是您想要访问您的cPanel。您应该从公司收到的登录信息。登录后，如果有弹出窗口，请点击File Manager点击go。现在您要做的是找到工具栏中的upload按钮。单击此按钮并上传您的字体。

继续Make Your File以下

在您的计算机上：

将您的字体放在桌面上的某个文件夹中。然后将您的字体放入该文件夹。 继续Make Your File以下

制作文件

下一个任务是创建一个html文件。

如果你是在网站/域名上进行的，请在cPanel命中＆＃34;新文件＆＃34;在您之前使用的upload按钮附近。输入index.html（删除.txt，如果您看到任何文件扩展名，则搜索谷歌如何显示文件扩展名，然后按Create New File。

继续Edit File以下

如果您是在计算机上进行操作，请在文件夹中空白处使用字体right click的文件夹内，按new，然后选择text document。现在将其重命名为index.html

继续Edit File以下

编辑文件 现在right click您刚创建的文件，选择edit。

粘贴以下代码（我找到here）：

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(mycustomfont.ttf) format("truetype");
}
* { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

在上面的代码中，您需要将mycustomfont.ttf替换为您购买的字体文件的名称...如果不是，我们应该以ttf或woff结束我很抱歉您的字体不起作用！

同时替换它所说的My Custom Font的两个地方，并将其命名为。

此外，如果您愿意，可以将文字Hello world!更改为您想要的内容。

现在您需要保存文件。

如果您在域/服务器/ cpanel上执行此操作.. ，下一步是通过网络浏览器访问您的网站（例如：Chrome，Safari ，Firefox，Opera，Internet Explorer，Edge等）。并导航到您的域名（即：www.example.ca），您应该看到用您的字体写的文字。

如果您是在计算机上执行此操作... Right click index.html＆gt;选择open with＆gt;选择您的网络浏览器（例如：Chrome，Safari，Firefox，Opera，Internet Explorer，Edge等。

我不打算解释如何做其他事情。听起来你需要介绍HTML和CSS，所以我建议你去尝试至少其中一个介绍：

HTML & CSS - Codecademy

HTML - W3 Schools CSS - W3 Schools

无论如何，我希望你能让它发挥作用！

BTW：我建议再也不要购买字体... google.com/fonts有无穷无尽的免费字体，你可以阅读我对另一个问题的回答here我在哪里解释如何使用谷歌字体。

祝你好运！

@ font-face和根目录上传

1 个答案:

这适用于Windows，该过程应该类似，但在其他操作系统上不完全相同。 ##