Javascript 将HTML、CSS、JS和资源合并到一个文件中

我正在做一个小实验

它是用C语言编写的某种“模拟器”，可以运行一些用HTML（CSS、JS等）编程的“ROM”

为了构建ROM，我编写了一个小“编译器”，它使用基于JS的游戏引擎和它的编辑器将游戏/应用程序打包成一个文件（“ROM”），基本上就是一个加密（或普通）的JSON文件，包含完整的HTML代码（在它的一个属性中），只是链接文件直接写入其中

---

变成

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

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

---

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

谢谢您的建议。

这应该可以：

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

---

发现于此：

我认为你本质上是？@JamesThorpe就是这么写的。以秒数击败我是的，我可以想象。谢谢你们，谢谢你们。我没有想到答案会这么简单：）现在我觉得自己很愚蠢，

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

@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');
}

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