主页
技术支持
在LabVIEW NXG Web Module中显示自定义字体
在LabVIEW NXG Web Module中显示自定义字体
更新 Oct 20, 2022
环境
环境显示经过验证可用于本文描述的解决方案的产品。此解决方案也可能适用于其他类似产品或应用程序。
软件
LabVIEW NXG Web Module
请问如何在LabVIEW NXG Web Module中显示Code 39条码?
要在LabVIEW NXG Web Module中显示自定义字体,例如
Google Fonts提供的Libre Barcode 39
可以通过编辑webVI的HTML Source来包括该字体的支持。本文将透过使用范例“Customize With CSS”详细描述如何在LabVIEW NXG Web Module中显示Libre Barcode 39字体:
确定要实现自定义字体的控件或显示器。本文将示范如何把以下标签的字体更改为Libre Barcode 39。
单击
Edit HTML Source。
将以下链接标签添加到HTML Source的第17行中。链接标签有助于将webVI的HTML Source链接到外部的样式表(style sheet)。
<link href='https://fonts.googleapis.com/css?family=Libre Barcode 39' rel='stylesheet'>
找到
标签的HTML元素(element)。
使用<Ctrl-F>搜索标签文本将帮助您轻松找到其位置。标签的HTML元素的位置在第171和172行。
如下所示,将HTML id属性(attribute)添加到标签的HTML元素。下图把标签的id设为“ labelExample”。
通过使用
内部CSS
方法,在第16行,使用labelExample的HTML id属性定义HTML元素的字体系列,如下所示。
单击“
OK”
保存并关闭HTML Source。
单击
Run
,现在所选标签以Libre Barcode 39字体显示其内容。
这方法适用于所有类型的自定义字体。
相关链接
如何在没连网的情况下在WebVI中显示自定义字体
查看使用自定义字体的WebVI
External Link: HTML <link> Tag
External Link: The CSS id Selector
其他支持选项
询问NI社区
在我们的论坛中与其他用户协作
搜索NI社区以寻求解决方案
请求工程师的支持
可能需要有效的服务协议或有效的软件订阅,同时支持选项因国家/地区而异
打开服务请求
了解软件订阅和服务
了解硬件服务计划
Was this information helpful?
Helpful
Not Helpful