Emscripten编译FreeType代码无法加载字体但g++编译运行正常

你遇到的报错核心原因是Emscripten 编译生成的 Web 程序运行在隔离的沙箱环境中，无法直接访问 Ubuntu 本地系统的 /usr/share/fonts 路径：原生g++编译的本地程序可以直接读取系统路径，但Emscripten程序的文件系统是独立的虚拟文件系统，和宿主系统完全隔离，因此会出现加载失败的问题。

下面是两种可直接落地的解决方案：

这是最常用的实现方式，操作步骤如下：

• 从本地系统选一个可用的拉丁字体，比如DejaVuSans.ttf，拷贝到你的项目目录下，例如存放在项目的fonts/子目录中
• 编译时添加--preload-file参数，将字体目录打包到虚拟文件系统中，编译命令示例：

em++ test.cpp -s USE_FREETYPE=1 --preload-file fonts/ -o test.html

• 修改代码中的字体路径为虚拟文件系统对应的相对路径：

// 替换原来的系统路径即可
if (FT_New_Face(ft, "fonts/DejaVuSans.ttf", 0, &face))

如果你不想额外打包资源文件，可以直接把字体转成字节数组编译到代码中，用内存加载的方式初始化FreeType：

• 用xxd工具将字体文件转成C语言头文件：

xxd -i DejaVuSans.ttf font_data.h

执行命令后会生成font_data.h，其中包含DejaVuSans_ttf（字体字节数组）和DejaVuSans_ttf_len（字体文件大小）两个全局变量

• 修改代码，用内存加载接口替代文件加载接口：

#include "font_data.h"

// 替换原来的FT_New_Face调用
if (FT_New_Memory_Face(ft, DejaVuSans_ttf, DejaVuSans_ttf_len, 0, &face))

这种方式不需要修改编译参数，除了原来的-s USE_FREETYPE=1之外不需要加额外参数。

内容的提问来源于stack exchange，提问作者user14783961