font标签真的很旧,不应该使用。HTML5 完全不支持它。最好使用 CSS 中的 face,但必须使用正确的名称。此外,字体必须安装在客户端 PC 上。
也许更好:你也可以在 CSS 中声明一个字体,所以字体文件是从你的服务器下载的,因为条形码字体不常用。
@font-face您可以使用规则在 CSS 中定义字体。然后你可以在你的 CSS 中使用这张脸。您必须拥有不同格式的字体文件。常用的,woff会woff2做的。您可以使用任何在线字体转换器将下载的 ttf 文件转换为 woff。谷歌搜索'convert ttf to woff'会给你一打。
@font-face {
font-family: 'Code128';
src: url('code128.woff2') format('woff2'),
url('code128.woff') format('woff');
}
之后,您可以像这样在 CSS 中使用它:
.barcode {
/* Use the name of the face that is installed, or the one you defined above */
font-family: 'Code128';
}
然后,您可以使用类名将字体应用于任何元素:
<span class="barcode">code</span>
CSSTricks.com上有一个很好的教程,其中包含更多细节和更好的浏览器回退。