如何用Google Fonts在PHP生成Code 128 HTML条码（非图片/绘图）

你的问题出在Code128编码字符串生成错误以及HTML特殊字符处理不当，导致条码字体无法正确解析显示。以下是具体原因和修复步骤：

错误原因 #

1. 编码序列不完整：Libre Barcode 128 Text字体要求输入的字符串必须是符合Code128标准的完整序列——包含起始符、数据字符、校验码、终止符。你当前的Ìqms3NÎ缺少校验码，数据字符的转换也不符合Code128B规则，字体无法识别为有效条码。
2. 特殊字符解析异常：如果这些控制字符（Ì、Î）在PHP输出时被转义，或者页面编码未设置为UTF-8，会导致字体无法识别正确的控制指令。

修复步骤 #

1. 用PHP生成正确的Code128编码字符串 #

以Code128B为例，生成符合标准的完整编码序列：

function generateCode128B($data) {
    // Code128B起始符（ASCII 200）
    $code = chr(200);
    $checksum = 200;
    $position = 1;

    // 处理数据字符：Code128B映射ASCII 32-126为0-94
    for ($i = 0; $i < strlen($data); $i++) {
        $charCode = ord($data[$i]) - 32;
        $checksum += $charCode * $position;
        $code .= chr($charCode + 32);
        $position++;
    }

    // 计算并添加校验码
    $checksum %= 103;
    $checksum = $checksum < 95 ? $checksum + 32 : $checksum + 100;
    $code .= chr($checksum);

    // 添加终止符（ASCII 206）
    $code .= chr(206);

    return $code;
}

// 示例：生成目标内容的编码字符串
$barcodeContent = generateCode128B("qms3N");

2. 在HTML中正确输出编码内容 #

确保页面编码为UTF-8，且PHP输出的字符不被转义：

<html>
<head>
    <meta charset="UTF-8">
    <link href="https://fonts.googleapis.com/css?family=Libre+Barcode+128+Text" rel="stylesheet">
    <style>
        .ss {
            font-family: "Libre Barcode 128 Text";
            font-size: 48px; /* 放大字体便于观察 */
        }
    </style>
</head>
<body>
    <span class="ss"><?php echo $barcodeContent; ?></span>
</body>
</html>

3. 排查字体加载问题 #

若仍无法显示，检查浏览器控制台是否有字体加载报错。可将字体下载到本地，改用本地引入避免网络问题：

@font-face {
    font-family: "Libre Barcode 128 Text";
    src: url("LibreBarcode128Text-Regular.ttf") format("truetype");
}

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