在.vtt文件中设置字体样式？

Question

我正在创建一个关于编程的视频，我想包括具有.vtt扩展名的字幕。我认为如果字幕中的编码和技术文本使用Consolas字体显示会更好。如下例所示：

打开终端并编写sudo apt-get update

在上面的例子中，技术部分是Consolas字体。那么在.vtt文件中这是可能的吗？

Answer 1

请注意，从 6.x 版本开始，Video-js 中已弃用了 '::cue' css 样式，如下面的答案中所述

【详情见：】https://github.com/videojs/video.js/issues/4852

在我使用VTT-styling和Video-js的经验中，一些浏览器中也有问题，即使你仍然使用Video-js的5.x版本(这就是我一直在做的)。一个这样的例子是，在Firefox浏览器中，无论您指定什么，字体颜色都会显示为白色。(Chrome将支持您指定的任何字体颜色。)

Answer 2

WebVTT支持样式块：

STYLE
::cue {
  font-family: Consolas, sans-serif;
}

如果用户的计算机上没有安装Consolas，您应该能够使用web字体。

来源：https://css-tricks.com/improving-video-accessibility-with-webvtt/