Стиль шрифта в файле .vtt?

Question

Я создаю видео о программировании и хочу включить субтитры с расширением.vtt. Я думаю, что будет лучше, если кодировка и технические тексты в субтитрах будут отображаться шрифтом Consolas. Как в этом примере:

Откройте Терминал и напишите sudo apt-get update

В приведенном выше примере техническая часть выполнена шрифтом Consolas. Так возможно ли это в файле.vtt?

Answer 1

Имейте в виду, что css-стиль '::cue', как упоминалось в ответе ниже, стал устаревшим в Video-js, начиная с версии 6.x.

[Подробнее см .:] https://github.com/videojs/video.js/issues/4852

По моему опыту использования стиля VTT с помощью Video-js, в некоторых браузерах также есть проблемы, даже если / когда вы вернетесь и используете версию 5.x Video-js (что я и делал). Одним из таких примеров является то, что в браузере Firefox цвет шрифта будет БЕЛЫМ, независимо от того, что вы укажете. (Chrome будет учитывать любой цвет шрифта, который вы укажете.)

Answer 2

WebVTT поддерживает блок стилей:

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

Если Consolas не установлен на компьютере пользователя, вы сможете использовать веб-шрифт.

Источник: https://css-tricks.com/improving-video-accessibility-with-webvtt/