Question

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

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

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

不起作用..

Answer 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');
}

Answer 2

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

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

如果你已经这样做了，你问题中的CSS代码应该可行。祝你好运！

如何在HTML中使用这2个字体？

2 个答案: