mirror of
https://github.com/belluzj/fantasque-sans.git
synced 2024-11-05 08:51:32 +01:00
114 lines
2.2 KiB
Plaintext
114 lines
2.2 KiB
Plaintext
|
#!/usr/bin/env bash
|
||
|
|
|
||
|
|
# Generate a webpage that allows the comparison of two fonts.
|
||
|
|
# Pass TTF font files as arguments
|
||
|
|
|
||
|
|
if ! type fontforge &> /dev/null; then echo "ERROR: Missing dependency: fontforge" 1>&2; exit 1; fi
|
||
|
|
|
||
|
|
OUTPUT="fontdiff.html"
|
||
|
|
|
||
|
|
cat > "$OUTPUT" <<EOF
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Fontdiff $1 vs. $2</title>
|
||
|
|
<style>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
fontfacedecl() {
|
||
|
|
base64=$(base64 --wrap=0 "$1")
|
||
|
|
cat >> "$OUTPUT" <<EOF
|
||
|
|
@font-face {
|
||
|
|
font-family: '$2';
|
||
|
|
src: url('data:font/ttf;base64,$base64') format('truetype');
|
||
|
|
}
|
||
|
|
EOF
|
||
|
|
}
|
||
|
|
|
||
|
|
fontfacedecl "$1" font1
|
||
|
|
fontfacedecl "$2" font2
|
||
|
|
|
||
|
|
cat >> "$OUTPUT" <<EOF
|
||
|
|
h1 {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
float: left;
|
||
|
|
width: 150px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
div.font2 {
|
||
|
|
margin-left: -150px;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre.glyph {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 140px;
|
||
|
|
line-height: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre.blank-glyph {
|
||
|
|
height: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font1 {
|
||
|
|
color: rgba(255, 0, 0, 0.5);
|
||
|
|
}
|
||
|
|
.font2 {
|
||
|
|
color: rgba(0, 0, 255, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.font1 .glyph, h1.font1 {
|
||
|
|
font-family: font1;
|
||
|
|
}
|
||
|
|
.font2 .glyph, h1.font2 {
|
||
|
|
font-family: font2;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 class="font1">$1</h1>
|
||
|
|
<h1 class="font2">$2</h1>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Use fontforge to list available glyphs of each font
|
||
|
|
fontforge -lang=py -script - >> "$OUTPUT" <<EOF
|
||
|
|
import fontforge;
|
||
|
|
|
||
|
|
def print_glyph(_class, glyph):
|
||
|
|
if glyph and glyph.unicode > 0:
|
||
|
|
print '<div class="font%s"><pre class="glyph">&#%s;</pre><div class="name">%s</div></div>'%(_class, glyph.unicode, glyph.glyphname)
|
||
|
|
else:
|
||
|
|
print '<div class="font%s"><pre class="glyph blank-glyph"></pre><div class="name"></div></div>'%(_class)
|
||
|
|
|
||
|
|
font1 = fontforge.open("$1");
|
||
|
|
font2 = fontforge.open("$2");
|
||
|
|
|
||
|
|
glyphs1 = sorted(font1.glyphs(), key = lambda g: g.unicode)
|
||
|
|
glyphs2 = sorted(font2.glyphs(), key = lambda g: g.unicode)
|
||
|
|
|
||
|
|
while glyphs1 and glyphs2:
|
||
|
|
if glyphs1[0].unicode > glyphs2[0].unicode:
|
||
|
|
print_glyph(1, None)
|
||
|
|
print_glyph(2, glyphs2.pop(0))
|
||
|
|
elif glyphs1[0].unicode < glyphs2[0].unicode:
|
||
|
|
print_glyph(1, glyphs1.pop(0))
|
||
|
|
print_glyph(2, None)
|
||
|
|
else:
|
||
|
|
print_glyph(1, glyphs1.pop(0))
|
||
|
|
print_glyph(2, glyphs2.pop(0))
|
||
|
|
|
||
|
|
while glyphs1 or glyphs2:
|
||
|
|
print_glyph(1, glyphs1.pop(0) if glyphs1 else None)
|
||
|
|
print_glyph(2, glyphs2.pop(0) if glyphs2 else None)
|
||
|
|
|
||
|
|
EOF
|
||
|
|
|
||
|
|
cat >> "$OUTPUT" <<EOF
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
EOF
|