我需要在一个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中使用这个面。你必须有不同格式的字体文件。对于一般用途,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上有一个很好的教程,有更多的细节和更好的浏览器备份。
'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