如何在 HTML 中使用这 2 个字体？ [复制]

【问题标题】：How can I use this 2 Fonts in HTML? [duplicate]如何在 HTML 中使用这 2 个字体？ [复制]
【发布时间】：2014-06-19 16:00:34
【问题描述】：

http://www.myfont.de/fonts/infos/5512-Bar-Code-39-lesbar.html

如何在我的 HTML5 网页中使用此字体？

.ft14{font: 20pt 'code39';line-height: 15px;}

不工作..

【问题讨论】：

标签： javascript html

【解决方案1】：

您必须先下载字体并将其上传到某个地方。然后使用 CSS3 @font-face

@font-face {
  font-family: 'Font_Name';
  font-style: fontstyle;
  font-weight: Font-weight;
  src: local('Font_Name'), local('Font_Name'), url(Font.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

【讨论】：

如何为 code39 做到这一点？

【解决方案2】：

要使用这样的字体，您首先需要将其导入您的 CSS 文件中。假设您已将样式表放在 src/css 中，并将 code39.ttf（您可以从链接到的页面下载）放在 src/font 中，只需将其添加到您的样式表中。

@font-face {
    font-family: code39;
    src: url(../font/code39.ttf);
}

如果您这样做了，您问题中的 CSS 代码应该可以工作。祝你好运！

【讨论】：