我有一个非常客户驱动的网站，我希望能够保存网站以供离线观看。
在我的网站中，我包含了字体版本4.3.0。使用Chrome保存页面以供离线查看时，所有资源似乎都按预期下载。但是，当离线查看网站时，不显示字体图标。
查看调试控制台，在保存网站以供离线查看时，似乎它本身不包含实际的字体文件。字体文件在font-awesome CSS文件中，使用URL（'...'）链接。
所以我的问题是：
有没有办法在网页中包含字体文件，以便在保存以供离线查看时，还会下载字体文件？
答案 0 :(得分：4)
您可以在命令行工具wget上执行此操作。下载wget here
并在命令行中输入：
wget -p -k http://www.example.com
它会下载所有CSS，JS和Webfonts。
这会将wget off作为Mozilla网络浏览器
下载整个网站： Wget也可以下载整个网站。但是因为这会给服务器带来沉重的负担，所以wget会遵守robots.txt文件。
wget -r -p http://www.example.com
-p参数告诉wget包含所有文件，包括图像。这意味着所有HTML文件都将看起来应该如何做。
那么如果你不希望wget服从robots.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
答案 1 :(得分：0)
在主目录中创建一个名为“fonts”的文件夹，并将所有字体存储在该文件夹中。
例如，如果ColaborateThinRegular是“fonts”文件夹中的字体之一，则可以使用CSS文件中的以下代码调用它。
实施例
@font-face {
font-family: 'ColaborateRegular';
src: url('../fonts/colabthi-webfont.eot');
font-weight: normal;
font-style: normal;
}
保存以供离线查看时，也会下载字体文件