在使用字体(不是图像或javascript)的网页中显示Code128



我需要在一个html页面中显示一些128码代码,在我的场景中,我不想生成图像或使用javascript构建条形码。用户通过程序编辑html(模板),然后将html转换为PDF并发送到打印机,但是图像会导致转换器出现一些问题,所以我试图避免它们,javascript不支持。

我已经下载了Code 128字体从这里:http://www.dafont.com/it/code-128.font,我使用它如下:

<font face="Code 128">code</font>

但仍然有正常的文本(不是128码条形码)。

关于如何使用font face来显示未安装的Code 128字体,有什么建议吗?

font标签是真的旧的,不应该使用。HTML5官方完全不支持它。最好使用CSS中的face,但必须使用正确的名称。此外,字体必须安装在客户端PC上。

也许更好:您还可以在CSS中声明字体,因此字体文件是从服务器下载的,因为条形码字体通常不可用。

你可以使用@font-face规则在CSS中定义一个字体。然后你可以在你的CSS中使用这个面。你必须有不同格式的字体文件。对于一般用途,woffwoff2就可以了。您可以使用任何在线字体转换器将下载的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上有一个很好的教程,有更多的细节和更好的浏览器备份。

'0~9 and A~Z Barcode
Public Function GenerateCode128A(St As String) As String
    Dim sum As Integer = 0
    For i As Integer = 1 To Len(St)
        sum += ((Asc(Mid(St, i, 1)) - 32) * i)
    Next
    sum = (sum + 103) Mod 103
    If (sum >= 95) Then sum += 68
    Return Chr(203) & St & Chr(sum + 32) & Chr(206)
End Function
'0~9 and A~Z and a~z Barcode
Public Function GenerateCode128B(St As String) As String
    Dim sum As Integer = 0
    For i As Integer = 1 To Len(St)
        sum += ((Asc(Mid(St, i, 1)) - 32) * i)
    Next
    sum = (sum + 104) Mod 103
    If (sum >= 95) Then sum += 68
    Return Chr(204) & St & Chr(sum + 32) & Chr(206)
End Function
'0~9 Number Only Small width
Public Function GenerateCode128C(St As String) As String
    If Len(St) Mod 2 = 1 Then St = "0" + St
    Dim sum As Integer = 0
    Dim Stn As String = ""
    For i As Integer = 1 To Len(St) Step 2
        Dim ch As Int16 = Int16.Parse(Mid(St, i, 2))
        sum += (ch * ((i  2) + 1))
        If (ch >= 95) Then ch += 68
        Stn &= Chr(ch + 32)
    Next
    sum = (sum + 105) Mod 103
    If (sum >= 95) Then sum += 68
    Return Chr(205) & Stn & Chr(sum + 32) & Chr(206)
End Function

相关内容

  • 没有找到相关文章

最新更新