Date 2026-01-04 22:14:28
大家好，读者们！(声明:《字体篇》文章中所有字体规格仅为可视化大屏幕设计，背景可视化和 B 端可视化字体规范与之不同)
最近生产了很多东西，但主要是零碎的知识，主要是在社区分享，所以欢迎有需要的朋友加我交流。
上期回顾：
大家好，数据可视化设计师。鉴于很多学生不了解我们可视化大屏幕的设计知识点，阿勇决定花一些时间详细分析这方面的知识。这些都是多年工作经验的收入，绝对有材料。
阅读文章 >今天，让我们来谈谈可视化大屏幕设计中的字体、字体大小、字体重量、字体优化等一系列注意事项。字体主要分为四个模块：字体选择与字体重量、字体大小标准与应用、字体优化与交接、常用字体与推荐四个模块。
文本是界面的核心元素，是产品传达给用户的主要内容，其载体是字体。从字体的基本属性（字体、字体、字体重量、字体大小等）开始，熟悉字体的特征，了解字体在界面中的作用。
衬线体
衬线又称“字脚”，衬线是用边角装饰的字体。我们常用的西文字体 Times New Roman 等等；宋体、明体等中文比较常见。
无衬线体
与衬线体相反，无衬线体通常是没有角落装饰的机械和统一厚度的线条。最具代表性的 Arial、Helvetica 中文常见的西文字体，如黑体、微软雅黑等。
总结
无衬线字体的技术感和理性气质更受科技企业或品牌的青睐。腾讯谷歌等互联网企业选择无衬线；优雅复古的衬线字体常用于艺术文字、时尚品牌等。
因此，在技术的可视化氛围中，我们统一选择的字体是无衬线体，体现了科技感和数字感，结合我们的观察体验和展示形式。
字体选择
使用数字屏幕阅读时，字体的选择应选择无衬线体（如黑体、微软雅黑），而不是衬线体（如宋体、书法体）相对较薄。
注意事项
标题可以用 Bold，更重，更醒目，不需要长时间观看；因为文本需要长时间观看，所以使用 Regular 字重，观感和体验更好；
字体选择
使用英文字体类型，英文选择更明显的粗体，因为要显示数据，使数据显示更直观，仍然选择无衬线体，更推荐：D-DIN 字体。
注意事项
字重用 Regular，英文字体分为大写和小写，一般推荐使用纯大写模式，因为大写可以保证字体本身整洁，宽度和高度一致，对排版和展示更友好。
字体选择
使用数字字体类型时，考虑到图片的字体类型不超过三种，并考虑到字体的统一性，建议保持数字字体和英文字体的统一：D-DIN 字体。
注意事项
尽量使用数字字体的字重 Bold，由于显示较为明显，数字显示一般为数据显示，在界面显示中，一般数字字体会比同字号下的中文小 4-6px，所以显示是为了保证数据清晰显示，数字字体大一点的数据可以更清晰，更符合数据可视化显示。
数字字体尽量选择等距字体，如数字“1”和“0”。有些字体之间的间距会相应缩小。我们需要选择等距字体，这样在对齐一些列表数据时，数据显示更友好。
政府客户对文本大小和厚度的追求可以说是非常极端的。增加和加粗字体几乎已成为标准。在这种需求下，我们所能做的就是在原有规范的基础上，努力提高字体大小和重量。
常规 16：9 指的是 1920*1080 的分辨率
在字体大小的选择上，参考页面上的常规大小，定义了一套不同尺寸的标准字体大小，正常 1080P 页面，最小字号不小于 16px。
这里的大小并不是绝对的，因为考虑到目标群体适合老化，我们主动提高字体的大小，一切都是为了提高客户的观察体验，具体的大小也需要参考设备清晰度、环境照明、视距、人为原因等因素。
常规 32：9 指的是 3840*1080 的分辨率
就字体大小的选择而言，实际上是两块 1080P 拼接屏幕，所以如果图片内容较多，最小字号的定义不小于 16px。
如果图片内容较少，还需要参考设备清晰度、环境照明、视距等因素，相应放大字体，比例合适。
这里的字体大小不是绝对的，因为考虑到目标群体适合老化，我们主动提高字体大小，一切都是为提高客户的观察体验。
特殊尺寸是指非主流分辨率，如 2880*1920 的分辨率
由于需要考虑的因素很多，所以很难定义这个区域的字体大小。一般来说，如果字体大小在高度上 1080px 左右，然后按 16:9 计算字号规范。
若高度高于 1080 而且很多，需要等比计算或放大，需要根据大屏幕的实际情况综合考虑具体实践产生的准确值。这里只提供一些基本的计算方法。
大小受屏幕大小影响；大小受界面内容影响；大小受观测距离影响；大小受设备性能影响；大小受主观人为影响；
如果开发的字体太大怎么办？如何优化？如何使用默认字体进行开发？如果开发部署计算机没有这种字体，你该怎么办？
开发的字体太大，占用内存该怎么办？
事实上，我们可以使用一些特殊的方法来优化原始字体包，如英文字体，我们可以删除不必要的中文字体和数字，符号，只保留一些必要的英文字母。具体方法如下，我们可以使用它 FontCreator 对字体进行优化和删除，修改字体细节，重新命名发布。
同时，如果学生感兴趣，也可以用自己设计的字体应用于开发。这种操作不是一举两得吗？
优化字体教程： https://www.bilibili.com/video/av82311138
用默认字体开发开发怎么办？
默认字体开发有时可能会改变文本，或者文本不能放下，因为不同字体的间距和大小可能不同，所以在早期阶段需要与开发协调，与设计渲染字体同步，以确保设计效果的恢复。
没有字体的本地部署电脑该怎么办？
一般有两种字体存储，一种是单独放置服务器，然后每次加载到服务器访问字体，另一种是与代码放置在一起。对字体大小的要求。本地存储不需要考虑字体包的大小，云存储需要考虑字体包的大小。
一般字体包的大小可限于云存储 2、3M 左右，5、6M 字体包已经很大了，会影响我们字体的读取，画面加载也很慢。
最佳解决方案是在部署本地计算机上安装您需要的字体，以便程序自动读取并识别本地部署的字体；如果不支持本地化部署，字体存储在服务器中或与代码包装在一起，可以要求开发在全球代码中写更多备用字体。
比如你是 Windows 系统，那么自带的就是微软雅黑，iOS 该系统自带苹方平台，将根据编写的代码自动筛选自己的系统字体。
一些特别易于使用的字体将在设计过程中改善图片视觉。因此，我推荐并分享了一些商业中英文字体，可以用于视觉大屏幕。附件下载。
1. 中文字体常用于可视化
中文字体包含一些好看的字体，可以做标题，比如优设标题黑、站酷高端黑体、卢帅正锐黑体、胡晓波男神体等等。可以做文字字体，比如苹果简体、思源黑体等等。
2. 可视化常用英文/数字体
英文字体和数字体主要分享一些数据显示的奇怪形状字体，如：DS-digital、Furore、以及正常数据显示 D-DIN 字体家族等。
字体最基本的属性:字族、字类、字重、字体大小，以四个基本属性为切入点，准确讲述大屏幕可视化的字体规格和风格。
在可视化大屏幕设计中，字体更倾向于无衬线，无衬线字体具有技术感和理性气质，更受科技企业或品牌的青睐；
在可视化屏幕上，显示数据的重要性是不言而喻的。因此，我们应该注意中文、英文和数字字体的选择和注意事项。所有这些都是基于更明显的数据显示；
在不同的屏幕中，可视化大屏幕的大小规格不同，需要结合影响大小的五个因素：屏幕大小、界面内容、观测距离、设备性能、主观人为制定字体规格；
通过 FontCreator 软件优化字体，掌握字体删减发布和交付开发的方法；
了解开发存储字体的两种形式，一种是本地化部署，一种是与代码包装服务器云存储，以及了解这两种方式的优缺点；
通过自己的理解，了解可视化开发中关于字体交接的注意事项，可以解决工作中关于字体的问题；
推荐常用的可视化大屏幕字体：中文字体、英文字体；
若画面内容较少，可适当提高字号，反之亦然，比例适当；
可视化大屏幕设计字体规范没有绝对字体规范。
文本是界面中的核心元素，是产品传达给用户的主要内容，其载体是字体。
阅读文章 >欢迎关注作者微信微信官方账号:
