Chrome浏览器打印PHP输出的²显示方框K问题求助

这个问题我之前帮不少开发者排查过，核心原因其实是Chrome的打印渲染逻辑和屏幕显示不一样——哪怕屏幕上显示正常，打印时的字体 fallback 或者解析规则可能出问题。给你几个亲测有效的方案，按顺序试试：

• 强制打印时使用支持上标字符的字体
  屏幕显示用的字体可能支持²，但打印时Chrome可能自动切换到系统默认的打印字体，而这些字体未必包含这个字符。你可以用CSS的打印媒体查询强制指定Unicode友好的字体：

  @media print {
    * {
      font-family: "Arial Unicode MS", "Segoe UI Symbol", "Noto Sans", sans-serif !important;
    }
  }
  

  这几个字体对数学符号、上标下标这类特殊字符的支持都很完善。

• 直接用Unicode原生字符替代HTML实体
  ²对应的Unicode是U+00B2，也就是直接写²字符。有时候HTML实体在打印渲染环节的解析会出问题，换成原生字符反而更靠谱。记得要把你的PHP文件本身保存为UTF-8无BOM编码，否则输出的字符会乱码。

• 调整Chrome打印设置，禁用简化模式
  Chrome默认的打印预览可能会开启“简化页面”功能，这个功能会自动替换字体以压缩内容，导致特殊字符丢失。你可以：

  1. 按Ctrl+P打开打印预览
  2. 点击「更多设置」
  3. 取消勾选「简化页面」（不同版本可能叫“简化打印”）
  4. 也可以手动在字体选项里选择支持上标的字体，比如Arial

• 用CSS模拟上标，不依赖字体字符
  如果上面的方法都不行，那就彻底绕开字体依赖，用CSS模拟上标效果：
  把原本的²换成<sup>2</sup>，然后给sup标签加打印专属样式：

  @media print {
    sup {
      font-size: 0.7em;
      vertical-align: super;
      line-height: 0; /* 避免行高变化打乱布局 */
    }
  }
  

  这样不管字体有没有²字符，都能显示出上标效果。

• 确保PHP输出编码完全一致
  虽然你已经加了meta charset和header，但要检查两个细节：

  • 确保header('Content-type: text/html; charset=utf-8')在任何输出之前发送，比如PHP文件开头不能有空格、换行或者其他echo内容，否则header会失效
  • 你的PHP源文件必须是UTF-8无BOM编码，很多编辑器默认是GBK，会导致输出的字符编码混乱

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