微信小程序中的font-display属性是一个CSS样式，用于控制元素中文字的显示方式。它的主要作用是控制文字的字体、字号、颜色等属性，以适应不同设备和屏幕尺寸的需求。
在微信小程序中，font-display属性可以应用于小程序的标题栏、按钮、输入框等元素。通过设置不同的font-display值，可以使得文字在不同的设备和屏幕尺寸下呈现出不同的显示效果。
以下是一些常用的font-display属性及其应用详解：
1. font-display: initial; 默认值
这个值表示不进行任何特殊处理，文字将按照默认的样式显示。
2. font-display: none; 隐藏文字
这个值表示将文字隐藏，不再显示在页面上。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为none。
3. font-display: block; 正常显示文字
这个值表示将文字正常显示，不进行任何特殊处理。当设置这个值时，不需要配合其他CSS样式一起使用。
4. font-display: inline-block; 内联块显示文字
这个值表示将文字作为内联块显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-block。
5. font-display: inline; 内联显示文字
这个值表示将文字作为内联元素显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline。
6. font-display: inline-flex; 内联弹性显示文字
这个值表示将文字作为内联弹性元素显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-flex。
7. font-display: inline-grid; 内联网格显示文字
这个值表示将文字作为内联网格元素显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-grid。
8. font-display: inline-flex-start; 内联弹性开始显示文字
这个值表示将文字作为内联弹性元素从左侧开始显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-flex-start。
9. font-display: inline-flex-end; 内联弹性结束显示文字
这个值表示将文字作为内联弹性元素从右侧开始显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-flex-end。
10. font-display: inline-grid-row; 内联网格行显示文字
这个值表示将文字作为内联网格元素从上一行开始显示，与其他元素在同一行。当设置这个值时，需要配合其他CSS样式一起使用，例如设置元素的display属性为inline-grid-row。
需要注意的是，使用font-display属性时，需要配合其他CSS样式一起使用，以便实现预期的显示效果。同时，不同的浏览器对font-display属性的支持程度可能有所不同，因此在使用时需要注意兼容性问题。
