Question

我目前正在进行一项小实验。

关于拥有某种＆＃34;模拟器＆＃34;用C＃编写，可以运行一些＆＃34; ROM＆＃34;用HTML编写的程序（CSS，JS，..）。

为了构建ROM，我编写了一些编译器＆＃34;这是使用我的基于JS的游戏引擎及其编辑器将游戏/应用程序打包到一个文件（＆＃34; ROM＆＃34;）中，它基本上只是一个包含加密（或简单）的JSON文件完整的HTML代码（在其中一个属性中），但链接文件直接写入其中。

<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

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

1 个答案: