font
タグが古すぎて使えません。HTML5 では公式にはまったくサポートされていません。CSS のフェイスを使用する方が適切ですが、正しい名前を使用する必要があります。また、クライアント PC にフォントをインストールする必要があります。
バーコード フォントは一般的に利用できないため、CSS でフォント フェイスを宣言することもできます。これにより、サーバーからフォント ファイルがダウンロードされます。
@font-face
ルールを使用して、CSS でフォントを定義できます。その後、このフェイスを CSS で使用できます。さまざまな形式のフォント ファイルが必要です。一般的な使用のために、woff
そしてwoff2
行います。任意のオンライン フォント コンバーターを使用して、ダウンロードした ttf ファイルを woff に変換できます。「ttf を 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には、より詳細で優れたブラウザー フォールバックを備えた優れたチュートリアルがあります。