保存字体文件以供离线查看

Saving font file for offline viewing

本文关键字：离线 字体 文件 保存      更新时间：2023-09-26

我有一个非常受客户驱动的网站，我希望能够保存网站以供离线查看。

在我的网站上，我包含字体真棒版本 4.3.0。使用 Chrome 保存页面以供离线查看时，所有资源似乎都会按预期下载。但是，离线查看网站时，不会显示字体图标。

查看调试控制台，在保存网站以供离线查看时，似乎没有包含实际的字体文件本身。字体文件位于字体很棒的CSS文件中，使用URL（'...'）链接。

所以我的问题是这样的：

有没有办法在网页中包含字体文件，以便在保存以供离线查看时，也会下载字体文件？

您可以在

命令行工具wget上执行此操作。在此处下载 wget

并在命令行中输入：

wget -p -k http://www.example.com

它将下载所有CSS，JS和Webfonts。

这将把wget当作一个Mozilla网络浏览器。

下载整个网站：Wget还可以下载整个网站。但是由于这会给服务器带来沉重的负载，wget 将服从机器人.txt文件。

wget -r -p http://www.example.com

-p 参数告诉 wget 包含所有文件，包括图像。这意味着所有 HTML 文件的外观都将如何执行。

那么，如果你不希望wget服从机器人.txt文件怎么办？您可以简单地将 -e robots=off 添加到命令中，如下所示：

wget -r -p -e robots=off http://www.example.com

由于许多网站不允许您下载整个网站，因此它们会检查您的浏览器身份。要解决此问题，请使用 -U mozilla .

wget -r -p -e robots=off -U mozilla http://www.example.com

在主目录中创建一个名为"fonts"的文件夹，并将所有字体存储在该文件夹中。

例如，如果 ColaborateThinRegular 是"fonts"文件夹中的字体之一，则可以在 CSS 文件中使用以下代码调用它。

例

@font-face {
font-family: 'ColaborateRegular';
src: url('../fonts/colabthi-webfont.eot');
font-weight: normal;
font-style: normal;
}

保存以供离线查看时，还会下载字体文件

相关文章：