Ajout d'un readme.html

2025-01-12 20:54:02 -05:00 · 2025-01-12 20:54:02 -05:00 · 728be196e6
parent 5d8a53310d
commit 728be196e6
7 changed files with 121 additions and 3 deletions
--- a/.gitignore
+++ b/.gitignore
@ -6,3 +6,5 @@
 *.psf
 *.ttf
 *.woff2
+*.zip
+readme.html
--- a/25
+++ b/25
@ -1,5 +1,16 @@
 NAME := VideowayMono
-FILES := ${NAME}-11.bdf ${NAME}-22.bdf ${NAME}.ttf ${NAME}HiDpi.ttf ${NAME}.woff2 ${NAME}HiDpi.woff2 ${NAME}.otb ${NAME}.psf ${NAME}-11.fnt ${NAME}-22.fnt ${NAME}.dfont
+FILES := ${NAME}-11.bdf \
+		 ${NAME}-22.bdf \
+		 ${NAME}.ttf \
+		 ${NAME}HiDpi.ttf \
+		 ${NAME}.woff2 \
+		 ${NAME}HiDpi.woff2 \
+		 ${NAME}.otb \
+		 ${NAME}.psf \
+		 ${NAME}-11.fnt \
+		 ${NAME}-22.fnt \
+		 ${NAME}.dfont \
+		 readme.html

 .SUFFIXES: .sfd .bdf .otb .psf .fnt .dfont .ttf .woff2

@ -24,5 +35,15 @@ all: ${FILES}
 .ttf.woff2:
 	woff2_compress $<

+%.html: %.tpl ${NAME}.ttf
+	sed '/%GLYPHS%/r'<(./gen_glyphs.sh ${NAME}.ttf) $< > $@
+	sed -i 's/%GLYPHS%//' $@
+
+%.zip: ${FILES}
+	rm -f $@
+	zip -9 $@ ${FILES} styles.css 
+
+dist: ${NAME}.zip
+
 clean:
-	rm -f ${FILES} ${NAME}.afm
+	rm -f ${FILES} ${NAME}.afm
--- a/README.md
+++ b/README.md
@ -8,7 +8,7 @@ A 8x11px font meant to be a complete remake of the font found in the old Videowa

 It's a bitmap font, so it works best in a multiple of 11px or 8pt. Glyphs are 8 pixels large with a few ones double width, making it ideal for most uses of a monospaced font.

-Note: Videoway Mono is available in two variatons: the HiDpi version is mostly identical to the other one but with its resolution doubled: it renders best at a multiple of 22px or 16pt, and a few glyphs like the checkmark are taking advantages of this with a so-called HD version. Anyway, unless you need a version optimized for 11 pixels high you need this one.
+Note: Videoway Mono is available in two variations: the HiDpi version is mostly identical to the other one but with its resolution doubled: it renders best at a multiple of 22px or 16pt, and a few glyphs like the checkmark are taking advantages of this with a so-called HD version. Anyway, unless you need a version optimized for 11 pixels high you need this one.

 ![](demo_sqrt.png)

--- a/demo_charset.png
+++ b/demo_charset.png
--- a/gen_glyphs.sh
+++ b/gen_glyphs.sh
@ -0,0 +1,6 @@
+#!/bin/bash
+for range in $(fc-query --format='%{charset}\n' "$1"); do
+    for n in $(seq "0x${range%-*}" "0x${range#*-}"); do
+        printf "<div><span>%04x</span><span>&#x%x;</span></div>" "$n" "$n"
+    done
+done
--- a/readme.tpl
+++ b/readme.tpl
@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vidéoway Mono</title>
+    <link rel="stylesheet" href="styles.css">
+    <style>
+        body
+        {
+            font-family: "Videoway Mono-HiDpi";
+            font-size: 11px;
+        }
+        .lodpi
+        {
+            font-family: "Videoway Mono";
+        }
+        h1,h2,h3,h4,h5,h6
+        {
+            font-weight: normal;
+        }
+        .glyphs div
+        {
+            display: inline-flex;
+            flex-direction: column;
+            border: 1px grey solid;
+            margin-top: 2px;
+            margin-right: 2px;
+        }
+        .glyphs div span
+        {
+            margin: 2px;
+        }
+        .glyphs div span:nth-child(odd)
+        {
+            font-size: 11px;
+            border-bottom: 1px grey solid;
+        }
+        .glyphs div span:nth-child(even)
+        {
+            font-size: 44px;
+            white-space: pre;
+        }
+    </style>
+</head>
+<body>
+    <h1>Videoway Mono</h1>
+    <h2>version 1.003</h2>
+    <p>A 8x11px font meant to be a complete remake of the font found in the old Videoway terminals from Vidéotron, with a few additions to cover as much scripts as possible. Hand-made for retrogaming fans, but also a nice font for programmers who want a small, easy to read font. It's a bitmap font, so it works best in a multiple of 11px or 8pt. Glyphs are 8 pixels large with a few ones double width, making it ideal for most uses of a monospaced font.</p>
+    <h2>FAQ</h2>
+    <h3>Which one do I pick?</h3>
+    <p>The .ttf ones should just work out of the box. On MacOS, the .dfont should work as well. On Linux, you should be able to <a href="https://wiki.archlinux.org/title/Fonts">figure it out</a>. Finally, if you're embedding this font on the web, you can pick the .woff2 files and use them with the included CSS stylesheet.</p>
+    <h3>What's with the HiDPi version?</h3>
+    <p>Check the Charset section below.</p>
+    <h3>The zero is wrong!</h3>
+    <p>There's an alternate one at U+FF10.</p>
+    <h3>What's with the accented uppercase characters?</h3>
+    <p>The original Videoway font notably didn't have any accented uppercase characters (or a lot of the symbols shown here), but for convenience, I created new ones. You should take this in consideration when emulating the Videoway.</p>
+    <h3>The kerning is all over the place!</h3>
+    <p>Yeah, I checked, it was like this on the original Videoway too.</p>
+    <h3>Where did you get this from?</h3>
+    <p>Credits to plgDavid who extracted the font from a Videoway terminal (accounting for the Basic Latin Unicode block, the accented lowercase letters used in French and some symbols), a few of them were copied from old screenshots and the rest are my own creation.</p>
+    <h3>Who are you? Why are you doing this?</h3>
+    <p>I'm <a href="https://a39.ca">Yuki</a>, and this is a love letter to the <a href="https://en.wikibooks.org/wiki/History_of_video_games/Platforms/Vid%C3%A9oway">cable box of my childhood</a>.</p>
+    <h2>Charset</h2>
+    <h3>Videoway Mono-HiDpi</h3>
+    <p>Renders best at 22px or multiples thereof. This one is the most accurate to the original Videoway font, recommended for larger font sizes.</p>
+    <section class="glyphs">
+%GLYPHS%
+    </section>
+    <h3>Videoway Mono</h3>
+    <p>Renders best at 11px. Recommended if you need a small font, such as in a text editor. It should still be largely the same, except for these glyphs, adapted for a lower resolution.</p>
+    <section class="glyphs lodpi">
+<div><span>00d7</span><span>&#xd7;</span></div><div><span>2714</span><span>&#x2714;</span></div>
+    </section>
+</body>
+</html>
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,12 @@
+@font-face {
+    font-family: "Videoway Mono";
+    src: local("Videoway Mono"),
+         url("VideowayMono.woff2") format("woff"),
+         url("VideowayMono.ttf") format("ttf");
+}
+@font-face {
+    font-family: "Videoway Mono-HiDpi";
+    src: local("Videoway Mono-HiDpi"),
+         url("VideowayMonoHiDpi.woff2") format("woff"),
+         url("VideowayMonoHiDpi.ttf") format("ttf");
+}