我需要创建一个单页html应用程序，其中包含同一页面中的所有js和htmls。有没有办法我可以在单个HTML中包含字体真棒库和图标并使用它。我的页面是基于角度的。我将获得htmls与fa图标：
<div><i class="fa fa-{{data.icon}} fa-{{styling.iconSize}}" style="color: {{styling.iconColor}}"></i></div>
我需要转换为使用base64编码或fa图标的SVG格式的东西。
答案 0 :(得分：2)
看一下http://fontello.com/，它是迄今为止最简单的方法来完成您所描述的内容，而不是膨胀您的单个文件。
您只能选择实际使用的图标，并下载自定义zip。
在zip中，你会发现一个带有＆＃34;嵌入式＆＃34;的css文件。在名称中（至少在撰写本文时，它们确实包括它）。您可以将该文件的内容复制并粘贴到标记之间的单文件HTML页面中。
否则，是的，base64对字体文件进行编码，并将它们放在url（）定义中的字体URL的位置。 （例如：url（＆＃39;数据：application / octet-stream; base64，_THE_BASE64_HERE _＆＃39;）
以下是我过去使用过的base64转换器的在线文件：https://jpillora.com/base64-encoder/
但如果您真的喜欢这个单页网站的想法，那么我建议您熟悉gulp（或任何类似的构建工具），并使用类似https://www.npmjs.com/package/gulp-base64的内容来自动处理您的css文件，替换使用base64编码的内联数据在其中引用的任何文件。这允许您将事物分开，然后构建到单个文件。
答案 1 :(得分：0)
不确定。 “Getting Started” - 页面列出了包含CSS的各种可能性。如果您只需要一些图标和超强的性能，您可能需要查看他们的FortAwesome项目，该项目允许您在页面中包含一部分图标（用于收费......）。