我正在创建一个Web应用程序，生成一个提供给浏览器的html文件（带有js）。我希望用户能够将这个html文件保存到他们的硬盘驱动器并在将来查看/运行该文件而无需返回到Web服务器（我知道这是一个不寻常的要求，但它是我的意思需要）。
我想在html文件中使用bootstrap。
首先，我在html文件中使用了CDN链接来引导/ jquery。它在查看从Web服务器提供的页面时起作用，但是当您下载并保存html文件然后使用浏览器打开它时，chrome会抱怨：
CSS stylesheet from origin 'file://' has been blocked from loading by Cross-Origin Resource Sharing policy: Invalid response. Origin 'null' is therefore not allowed access.
所以，接下来我嵌入了bootstrap / jquery js和css的缩小版本的文本。虽然这使得html页面非常难看，但是当从Web服务器提供页面时以及从文件系统在浏览器中打开保存的页面时，它确实有效。
但是，如果我在html文件中使用了一些glyphicons，我会收到错误：
GET file:///C:/Users/me/Documents/fonts/glyphicons-halflings-regular.woff2 net::ERR_FILE_NOT_FOUND
当然，这是因为缩小代码中的相对文件引用：
url(../fonts/glyphicons-halflings-regular.ttf)
我的问题是，如果我希望用户 只 必须下载单个html文件，我该如何在该html页面中使用该glyphicons？
如果有更好的方法来使用从文件系统提供的引导程序，而不是粘贴html中的缩小代码，我会接受建议，但我需要从文件系统提供页面并进行工作。