Css HTML表格标记内的条形码字体无法正确呈现。但是外面的工作很完美

表中的条形码和标签呈现不正确，如下面显示的代码和图像所示

<table id="BranchReturnReportDataTable" class="table table-bordered table-striped">
    <thead>
        <tr>
            <th colspan="6" id="docBarcode" style="text-align:center" class="barcode">*8851234567890*</th>
        </tr>
        <tr>
            <th>Column A</th>
            <th>Column B</th>
            <th>Column C</th>
            <th>Column D</th>
            <th>Column E</th>
            <th>Column F</th>
        </tr>
    </thead>
    <tbody id="BranchReturnReportDataTableBody"></tbody>
</table>

---

表格标题的默认浏览器样式似乎将

字体重量

设置为

粗体

，导致其显示不正确。要解决此问题，请将CSS更改为

.barcode {
  font-family:'C39HrP72DlTt';
  font-size: 6em;
  font-weight: normal;
  /*padding: 10px;*/
}

@font-face {
  font-family: 'C39HrP72DlTt';
  src: url('V100018.TTF');
}

.barcode {
    font-family: 'C39HrP72DlTt';
    font-size: 6em;
    /*padding: 10px;*/
}

.barcode {
  font-family:'C39HrP72DlTt';
  font-size: 6em;
  font-weight: normal;
  /*padding: 10px;*/
}