将HTML，CSS，JS和资产合并到一个文件

Question

我目前正在建立一个小实验。

这是关于用C＃编写某种“仿真器”，该仿真器可以运行一些用HTML（CSS，JS，..）编程的“ ROM”。

为了在那里建立ROM，我已经编写了一个小“编译器”，它使用基于JS的游戏引擎，并且它是编辑器，用于将游戏/应用程序打包到单个文件（“ ROM”）中，该文件基本上只是一个加密的（或普通文件） ）包含完整HTML代码（在其属性之一中）的JSON文件，但直接将链接文件写入其中。

---

<script src="./script/main.js"></script>

会变成：

<script> ...code... </script>

与CSS相同。

---

图像将变成Base64字符串

<img src="http://www.img.com/img.png"/>

变成

<img src="data:image/png;base64, R0lGODlhmwD....."/>

---

我的问题是将字体文件包含到CSS或HTML文件中。

所以也许像这样

@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01m1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

变成

@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans'), url( ...magic... ) format('woff2');
}

---

有人知道这是否可行吗？如果可以，我如何实现该功能？

谢谢你的建议。

Answer 1

这应该工作：

@font-face{
 font-family: 'Open Sans';
 src: url(data:font/ttf;base64,AAEA… ) format('truetype');
}

在这里找到： http : //blog.patdavid.net/2012/08/embedding-fonts-with-css-and-base64.html