CSS中font-display属性值的有哪些
1、Auto：默认值。典型的浏览器字体加载会发生，也就是说，使用定制字体的文本会先被隐藏，直到字体加载结束。也就是说，字体显示策略与浏览器一致。目前，大多数浏览器的默认策略类似于block。
2、block：给字体一个短的堵塞时间(大多数情况下建议使用3s)和无限的交换时间。换句话说，如果字体没有加载完成，浏览器会先画隐形文本；一旦字体加载完成，立即切换字体。因此，浏览器将创建一个匿名字体，类型类似于所选字体，但所有字体不包含墨水。只有在使用特定字体渲染文本后，页面才能使用。
3、swap：使用swap时，堵塞阶段时间为0，交换阶段时间无限。也就是说，如果字体没有完成加载，浏览器会立即绘制文本，一旦字体加载成功，立即切换字体。类似于block，如果使用特定的字体渲染文本对页面非常重要，如果使用其他字体渲染仍然会显示正确的信息，则应该使用swap。
4、fallback：这可以说是auto和swap的折中方式。需要使用定制字体渲染的文本在短时间内不可见。如果定制字体没有加载结束，首先加载无风格的文本。一旦定制字体加载结束，文本将被正确赋予风格。使用fallback时，堵塞阶段时间会很小(大多数情况下建议小于100毫秒)，交换阶段相对较短(大多数情况下建议使用3s)。换句话说，如果字体没有加载，先用备用字体渲染。一旦加载成功，就会切换字体。但是如果等待时间太长，页面会一直使用备用字体。如果用户想尽快开始阅读，不会因为新字体的加载而干扰用户体验，fallback是个不错的选择。
5、optional：效果与fallback几乎相同，都是先在极短的时间内看不到文本，然后再加载无风格的文本。然而，optional选项允许浏览器自由决定是否使用定制字体，这主要取决于浏览器的连接速度。若速度较慢，则您的定制字体可能不会被使用。当使用optional时，阻塞阶段的时间会很小(大多数情况下建议小于100ms)，交换阶段为0。
以上就是CSS中font-display属性值的介绍，希望对大家有所帮助。更多编程基础知识学习：python学习网
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1052/viewspace-2829783/ ，如需转载，请注明出处，否则将追究法律责任。
