CentOS 7下如何仅为Chrome加载字体避免PhantomJS崩溃？

绝对有办法解决这个问题！我之前也踩过PhantomJS对彩色Emoji字体兼容性的坑，给你两个靠谱的方案，完全不用全局安装字体：

方案1：通过FontConfig为Chromium单独配置字体目录 #

这个方法利用CentOS的FontConfig机制，让Chromium优先读取自定义字体目录，而PhantomJS仍使用系统默认字体配置：

• 第一步：创建专属字体目录和FontConfig配置

  1. 新建一个Chromium专用的字体文件夹，比如 /opt/chrome-emoji-fonts，把你的Emoji字体文件（比如NotoColorEmoji.ttf）放进去。
  2. 新建FontConfig配置目录，比如 /opt/chrome-fontconfig，在里面创建fonts.conf文件，内容如下：

  <?xml version="1.0"?>
  <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
  <fontconfig>
    <!-- 指定Chromium要加载的自定义字体目录 -->
    <dir>/opt/chrome-emoji-fonts</dir>
    <!-- 指定字体缓存目录，避免权限问题 -->
    <cachedir>/tmp/chrome-font-cache</cachedir>
    <!-- 继承系统基础字体配置，同时优先使用自定义字体 -->
    <include ignore_missing="yes">/etc/fonts/fonts.conf</include>
  </fontconfig>
  

  3. 给缓存目录赋予读写权限：chmod 777 /tmp/chrome-font-cache

• 第二步：启动Puppeteer时指定环境变量
  在启动你的Node.js程序时，先设置FONTCONFIG_PATH环境变量指向刚才的配置目录，这样Chromium会优先使用这个专属配置：

  FONTCONFIG_PATH=/opt/chrome-fontconfig node your-puppeteer-script.js
  

  或者在Node.js代码里直接设置环境变量：

  process.env.FONTCONFIG_PATH = '/opt/chrome-fontconfig';
  // 然后再初始化Puppeteer
  const browser = await puppeteer.launch();
  

方案2：通过CSS @font-face嵌入字体（更推荐） #

这个方法完全隔离，PhantomJS根本不会接触到这个字体文件，彻底避免崩溃风险：

• 第一步：将Emoji字体嵌入到页面CSS中
  你可以把字体文件放在项目目录里，然后通过@font-face直接引入，甚至转成Base64嵌入CSS（避免路径问题）：

  @font-face {
    font-family: 'CustomEmoji';
    /* 本地文件路径方式 */
    src: url('./assets/NotoColorEmoji.ttf') format('truetype');
    /* 或者Base64嵌入方式（更可靠，无需处理文件路径） */
    /* src: url(data:font/truetype;base64,这里替换成你的字体Base64编码) format('truetype'); */
    font-weight: normal;
    font-style: normal;
  }
  
  /* 让所有文本优先使用这个Emoji字体 */
  body {
    font-family: sans-serif, 'CustomEmoji';
  }
  

  如果你只想给Emoji字符用这个字体，可以用CSS的unicode-range精准匹配Emoji范围：

  @font-face {
    font-family: 'CustomEmoji';
    src: url('./assets/NotoColorEmoji.ttf') format('truetype');
    unicode-range: U+1F600-1F64F, U+1F300-1F5FF, U+1F680-1F6FF, U+1F1E0-1F1FF;
  }
  

• 第二步：在Puppeteer渲染时加载这个CSS
  不管是加载外部页面还是直接设置内容，确保这个CSS被加载到页面中，Chromium渲染PDF时就会自动加载并使用这个字体，而PhantomJS的流程完全不受影响。

为什么这些方案有效？ #

PhantomJS崩溃通常是因为它不支持现代彩色Emoji字体的OpenType特性，而这两个方案都让PhantomJS完全避开了这些字体：方案1通过FontConfig隔离了字体加载范围，方案2则只在Chromium渲染的页面内加载字体，根本不会进入PhantomJS的执行环境。

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