.vtt文件中的字体样式



我正在制作一个关于编程的视频,我想包括扩展名为.vtt的字幕。我认为字幕中的编码和技术文本最好使用Consolas字体显示。如本例所示:

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

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

WebVTT支持一个样式块:

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

如果用户计算机上没有安装Consolas,则应该可以使用web字体。

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

注意前面提到的'::cue'css样式在下面的答案中,已被弃用在Video js中,从6.x 版本开始

[有关详细信息,请参阅:]https://github.com/videojs/video.js/issues/4852

在我使用Video js进行VTT造型的经验中在某些浏览器中也存在问题,即使您保留返回并使用Video.js的5.x版本(这就是我一直在做(。一个这样的例子是,在Firefox浏览器中,无论您指定什么,字体颜色都会显示为白色。(Chrome将尊重您指定的任何字体颜色。(

最新更新