Build COLR TTFs with nanoemoji

This is done via the container at https://gitlab.com/mavit/nanoemoji-container. For me, the resulting COLR TTFs work in Firefox and in the Gnome desktop on Fedora 32 (although they display rather small). Caveats: - It may be premature to replace `scfbuild` for SVG builds. If we decide to go ahead without `scfbuild`, then we’ll want to remove the remaining files related to it. If we decide to keep `scfbuild`, then we’ll want to revert those parts of this patch. In either case we’ll want to update the readme to link to the new outputs. - I’ve tested this with Podman, not Docker. Relates to hfg-gmuend#93.
JeppeKlitgaard · Dec 6, 2022 · e8c90a0 · e8c90a0
1 parent b249449
commit e8c90a0
Show file tree

Hide file tree

Showing 2 changed files with 113 additions and 17 deletions.
diff --git a/font/OpenMoji-Color.ttx b/font/OpenMoji-Color.ttx
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="4.6">
+  <name>
+    <namerecord nameID="0" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji © HfG Schwäbisch Gmünd CC-BY-SA-4.0
+    </namerecord>
+    <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji
+    </namerecord>
+    <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409">
+      Color
+    </namerecord>
+    <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji Color openmoji.org
+    </namerecord>
+    <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji Color
+    </namerecord>
+    <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409">
+	    To be filled in at build time.
+    </namerecord>
+    <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409">
+      OpenMojiColor
+    </namerecord>
+    <namerecord nameID="7" platformID="3" platEncID="1" langID="0x409">
+      Hochschule für Gestaltung Schwäbisch Gmünd
+    </namerecord>
+    <namerecord nameID="8" platformID="3" platEncID="1" langID="0x409">
+      Hochschule für Gestaltung Schwäbisch Gmünd
+    </namerecord>
+    <namerecord nameID="9" platformID="3" platEncID="1" langID="0x409">
+      Daniel Utz &amp; Benedikt Groß with students of the HfG Schwäbisch Gmünd and other contributors
+    </namerecord>
+    <namerecord nameID="10" platformID="3" platEncID="1" langID="0x409">
+      Open-source emojis for designers, developers and everyone else! http://openmoji.org/ https://github.com/hfg-gmuend/openmoji
+    </namerecord>
+    <namerecord nameID="11" platformID="3" platEncID="1" langID="0x409">
+      http://openmoji.org/
+    </namerecord>
+    <namerecord nameID="12" platformID="3" platEncID="1" langID="0x409">
+      http://openmoji.org/about.html
+    </namerecord>
+    <namerecord nameID="13" platformID="3" platEncID="1" langID="0x409">
+      Creative Commons Share Alike 4.0
+    </namerecord>
+    <namerecord nameID="14" platformID="3" platEncID="1" langID="0x409">
+      https://creativecommons.org/licenses/by-sa/4.0/
+    </namerecord>
+    <namerecord nameID="16" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji
+    </namerecord>
+    <namerecord nameID="17" platformID="3" platEncID="1" langID="0x409">
+      Color
+    </namerecord>
+    <namerecord nameID="21" platformID="3" platEncID="1" langID="0x409">
+      OpenMoji Color
+    </namerecord>
+    <namerecord nameID="22" platformID="3" platEncID="1" langID="0x409">
+      Regular
+    </namerecord>
+  </name>
+</ttFont>
diff --git a/helpers/generate-fonts.sh b/helpers/generate-fonts.sh
@@ -4,28 +4,62 @@ set -ueo pipefail
 # -- prepare assets --
 cd -- "$(dirname -- "${BASH_SOURCE[0]}")"/.. || exit 1
 
-# copy and prepare svg assets for OpenMoji font generator
-echo "👉 generate-font-glyphs.js"
-helpers/generate-font-glyphs.js
-
 # generate css file for OpenMoji fonts
 echo "👉 generate-font-css.js"
 helpers/generate-font-css.js
 
-# -- OpenMoji font generator via scfbuild Docker --
-cd -- "$(dirname -- "${BASH_SOURCE[0]}")"/../font || exit 1
+sed 's/Color/Black/;' font/OpenMoji-Color.ttx > font/OpenMoji-Black.ttx
+
+
+# -- OpenMoji COLR TTF font generator via nanoemoji container --
+version=$(git describe --tags)
+
+# If we're connected to a terminal, don't flood it with ninja output,
+# and enable ^C.
+if [[ -t 1 ]]; then
+    tty='--tty --interactive'
+else
+    tty=''
+fi
 
-IMAGE='scfbuild:latest'
-NAME='scfbuild_bash'
+# FIXME: Upgrade glyf_colr_0 to glyf_colr_1 once
+# https://github.com/googlefonts/colr-gradients-spec stabilises.
+#
+# FIXME: Switch untouchedsvgz for picosvgz when
+# https://github.com/googlefonts/nanoemoji/issues/113 is fixed.
+#
+# FIXME: Here we build OpenMoji Black as a colour font that just happens
+# to use black as the only colour.  This is probably a bad idea.
+# https://github.com/googlefonts/nanoemoji/issues/114
+#
+for saturation in black color; do
+    name=OpenMoji-${saturation^}
+    build_dir=/mnt/build/$saturation
 
-# is docker container "scfbuild_bash" running?
-# if not ... start container
-[[ "$(docker ps -f "name=$NAME" --format '{{.Names}}')" == "$NAME" ]] ||
-docker run --name "$NAME" --rm -t -d --volume "$PWD":/wd --workdir /wd "$IMAGE" bash
+    for format in glyf_colr_0 untouchedsvgz; do
+        mkdir -p font/$format
 
-# generate fonts
-docker exec -ti "$NAME" bash -c "/scfbuild/bin/scfbuild -c /wd/scfbuild-color.yml"
-docker exec -ti "$NAME" bash -c "/scfbuild/bin/scfbuild -c /wd/scfbuild-black.yml"
+        docker run \
+            --mount=type=bind,source="$PWD",destination=/mnt,relabel=private \
+            --rm \
+            $tty \
+            registry.gitlab.com/mavit/nanoemoji-container:master \
+            sh -c "
+                set -o errexit
 
-# stop container
-docker stop "$NAME"
+                nanoemoji \
+                    --color_format=$format \
+                    --build_dir=$build_dir \
+                    --output_file=$build_dir/$name.$format.ttf \
+                    /mnt/$saturation/svg/*.svg
+                xmlstarlet edit --inplace --update \
+                    '/ttFont/name/namerecord[@nameID=\"5\"][@platformID=\"3\"]' \
+                    --value '$version' \
+                    /mnt/font/$name.ttx
+                ttx \
+                    -m $build_dir/$name.$format.ttf \
+                    -o /mnt/font/$format/$name.ttf \
+                    /mnt/font/$name.ttx
+            "
+    done
+done