Google Libre Code128 HTML编码字符渲染异常问题求助

开发者阿泽

2026-6-19

解决方案

问题原因

你遇到的乱码（�）是因为Code128的起始符（Ì）和终止符（Î）这类特殊字符在HTML解析或字体渲染时出现了编码映射问题，即便文件是UTF-8编码，直接写入这类字符仍可能因为字符集解析差异导致无法被字体正确识别。

具体解决步骤

用HTML实体替代特殊字符
把直接写入的Ì和Î替换为对应的HTML实体，避免字符解析错误。修改后的代码如下：
```
<div style="margin:5px"><span style="font-family: 'Libre Barcode 128'; font-size: 30px;">&#204;1234560&#206;</span></div>
```
其中Ì对应Code128的起始符C，Î对应终止符。

确认字体引入的正确性
确保你引入的是Libre Barcode 128（而非用于显示文本的Libre Barcode 128 Text），且字体文件路径正确。示例@font-face规则：

@font-face {
  font-family: 'Libre Barcode 128';
  src: url('libre-barcode-128.woff2') format('woff2'),
       url('libre-barcode-128.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}