在LabVIEW NXG Web Module中显示自定义字体

更新 May 4, 2021

环境

软件

  • 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字体:
  1. 确定要实现自定义字体的控件或显示器。本文将示范如何把以下标签的字体更改为Libre Barcode 39。 目标
  2. 单击Edit HTML Source。点击
  3. 将以下链接标签添加到HTML Source的第17行中。链接标签有助于将webVI的HTML Source链接到外部的样式表(style sheet)。
    • <link href='https://fonts.googleapis.com/css?family=Libre Barcode 39' rel='stylesheet'> 关联
  4. 找到标签的HTML元素(element)。使用<Ctrl-F>搜索标签文本将帮助您轻松找到其位置。标签的HTML元素的位置在第171和172行。 定位
  5. 如下所示,将HTML id属性(attribute)添加到标签的HTML元素。下图把标签的id设为“ labelExample”。 ID
  6. 通过使用内部CSS方法,在第16行,使用labelExample的HTML id属性定义HTML元素的字体系列,如下所示。 风格
  7. 单击“OK”保存并关闭HTML Source。 好的
  8. 单击Run,现在所选标签以Libre Barcode 39字体显示其内容。 跑步

这方法适用于所有类型的自定义字体。