[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

创建/上传新字体

在打造仪表板大屏时,经常是先设计好,然后到仪表板中实现。很多时候对字体的要求比较高,比如使用艺术字体打造视觉效果等。

在 Wyn 中,默认都是使用系统字体库中的字体。本节介绍如何在仪表板中使用其他字体。

目前支持两种方式向 Wyn 站点中添加新字体:

  1. 通过文档门户中的上传功能,将字体文件作为资源直接上传;

  2. 新建字体,选择导入新字体文件或添加网络型字体。

上传字体文件

在门户网站中单击加号“ + ”,使用文档上传功能上传字体文件。上传后即可在仪表板中使用该字体,字体名即文件名。

image


有关上传功能的更详细介绍,请参见文档上传

创建字体

这里的创建字体是指通过在文档门户首页,单击加号“ + ”,然后选择字体来创建字体文档。

image


选择字体类型,支持本地网络两种类型。

如选择本地类型,单击选择文件添加本地的字体文件。

image2021-3-31_14-36-11.png


如选择网络类型,则需添加字体的 URL。

image2021-3-31_16-32-17.png


添加本地字体文件或者网络 URL 后,单击右侧的预览可在下方预览,单击顶部的保存按钮可保存字体。

image2021-3-31_14-45-36.png


保存时需为字体命名,之后使用该字体时将显示这个名称。

image

使用新字体

新字体可以应用到仪表板设计器中所有的字体设置中,比如全局字体设置,标题、组件。

新字体会出现在字体选择的下拉列表中,直接点击就可以应用。

image2021-3-31_16-0-52.png

image2021-3-31_16-2-1.png

注意事项

  1. 支持的字体格式与您使用的浏览器及版本有关,具体如下:

    image

  2. 在可视化组件中使用自定义字体时请注意:

    如需运行在 iframe 中,则必须关闭可视化组件的 sandbox 限制,如下图所示。

    image2021-7-12_16-34-53.png