Recently Written · git

subread-extension

Show your own .srt over a YouTube video, in time with it. Chrome and Firefox.

git clone https://github.com/equwal/subread-extension

Log | Files | Refs


commit 2916c8e09b797cad5641b735297d9dee4e613d37
equwal <truex@equwal.com>
2026-09-24 11:56:23 -0700

Draw Latin and Cyrillic captions with Latin fonts before Japanese fonts

Where Noto Sans is not available (Brave, most Windows systems), the caption fell back to Yu Gothic. Its Cyrillic letters are full-width, so Russian lines had wide gaps. Roboto (loaded by YouTube) and Arial now come before Hiragino Sans and Yu Gothic. Japanese text still uses Yu Gothic.

 src/content.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/content.css b/src/content.css
index dd696a3..abb1895 100644
--- a/src/content.css
+++ b/src/content.css
@@ -2,7 +2,8 @@
 #movie_player .subread-box {
   position: absolute; left: 5%; right: 5%; bottom: 12%; z-index: 60;
   text-align: center; pointer-events: none; line-height: 1.35;
-  font-family: "Noto Sans", "Hiragino Sans", "Yu Gothic", Roboto, Arial, sans-serif;
+  /* Latin and Cyrillic fonts come first. The Japanese fonts have full-width Cyrillic letters. */
+  font-family: "Noto Sans", Roboto, Arial, "Hiragino Sans", "Yu Gothic", sans-serif;
 }
 #movie_player .subread-box[hidden] { display: none; }
 #movie_player .subread-line {