@font-face 和根目录上传

@font-face and root directory upload

我购买了一种字体,说明书上写着 "Upload the contents of the Kit to your server/root directory",但我不太明白这是什么或如何使用。跟phpMyAdmin有关系吗

我唯一理解的是字体在 IE 中可能显示不同。

这是针对Windows的,过程应该类似,但在其他操作系统上不会完全相同。 ##

(除非您是在您购买的网站上执行此操作(即:www.example.ca) 但是,如果您是在本地执行此操作(只是在您的计算机上作为文件),那么在其他操作系统上就会有所不同。

在你阅读所有这些之前post...你购买的字体,文件应该以 ttf 或 woff 文件格式结尾,如果不是,我很抱歉,但是您购买的字体很可能不是网络字体,这个答案对您没有帮助(如果不是 ttf 或 woff,请随意 post 它的名称是什么。无论哪种方式,请不要购买网站字体(或任何与此相关的东西)你总是可以免费获得它们:阅读我的最后一个宣传语 "BTW:" 看看在哪里可以免费获得网络字体!

好的。让我们继续简要介绍一下字体的工作原理。

安全字体

安全字体是适用于大多数浏览器的字体。 Wikipedia 是这么说的:

Web-safe fonts are fonts likely to be present on a wide range of computer systems, and used by Web content authors to increase the likelihood that content displays in their chosen font. If a visitor to a Web site does not have the specified font, their browser tries to select a similar alternative, based on the author-specified fallback fonts and generic families or it uses font substitution defined in the visitor's operating system.

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

为什么我调出了安全字体?因为它们最容易使用并且需要 0 设置。但是不要担心!一切正常。

其他字体

虽然我确定这是技术名称,但必须这样做。如果您不将这些字体指向字体文件(这就是您所拥有的),浏览器将不知道如何显示这些字体。

好的,让我们开始吧:

我不知道你对网站了解多少,所以我会尽可能简单。

在网站上:

如果您有一个网站(您是通过某家公司购买的并拥有一个域),那么您会想要访问您的 cPanel。您应该从公司收到的登录信息。登录后单击 File Manager 如果有弹出窗口只需单击 go 。现在您要做的是在工具栏中找到 upload 按钮。单击此处并上传您的字体。

继续下面Make Your File

在您的计算机上:

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

制作文件

下一个任务是制作一个html文件。

如果您在网站/域上执行此操作,请在 cPanel 中点击您之前使用的 upload 按钮附近的 "new file"。键入 index.html(删除 .txt,如果您看到任何文件扩展名,请搜索 google 如何显示文件扩展名),然后按 Create New File

继续下面的Edit File

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

继续下面的Edit File

编辑文件 现在 right click 你刚刚创建的文件,select 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 上执行此操作.. 下一步是在网络浏览器中访问您的网站(即:ChromeSafariFirefoxOperaInternet ExplorerEdge 等)。并导航到您的域(即:www.example.ca),您应该会看到用您的字体编写的文本。

如果您在计算机上执行此操作... Right click index.html > select open with > select 您的网络浏览器(即:ChromeSafariFirefoxOperaInternet ExplorerEdge 等)。

我不打算解释如何做其他事情。听起来你需要介绍 HTML 并且可能 CSS 所以我建议你去尝试至少一个这些介绍中:

HTML & CSS - Codecademy

HTML - W3 Schools CSS - W3 Schools

无论如何,我希望你能成功!

顺便说一句: 我建议永远不要再购买字体... google.com/fonts has an endless supply of free fonts and you can read my answer to another question here 我在其中解释了如何使用 google 字体。

祝你好运!