css - .vtt 文件中的字体样式?

标签 css fonts subtitle closed-captions video-subtitles

我正在创建一个有关编程的视频,我想包含扩展名为 .vtt 的字幕。我认为字幕中的编码和技术文本使用 Consolas 字体显示会更好。就像这个例子一样:

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

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

最佳答案

WebVTT 支持样式 block :

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

如果用户计算机上未安装 Consolas,您应该能够使用网络字体。

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

关于css - .vtt 文件中的字体样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61497187/

相关文章:

visual-studio-code - 为什么 Fira Code 字体在 VS Code 中看起来很模糊?

javascript - 显示一个字幕的语言选择菜单

android - MediaPlayer 的字幕功能不工作(SRT 文件)

html - 针对所有非 firefox 浏览器。最简单的方法

html - 如何将图像放在 div 的中心?

android - FontFamily React Native App 使用设备自定义字体覆盖(三星和 Oppo)

html - body 标签中的 CSS 字体粗细问题

objective-c - 有没有办法获取单元格副标题(detailedTextLabel)的长度?

css导航固定页面宽度

html - 如何使剑道网格对特定用户只读