Automated Font Conversion

scripts/convert.sh

#!/bin/bash

# Convert all TTF files in sources/ to WOFF2 in fonts/
mkdir -p fonts

for ttf in sources/*.ttf; do
  filename=$(basename "$ttf" .ttf)

  # Subset to Latin characters and convert to WOFF2
  pyftsubset "$ttf" \
    --output-file="fonts/$filename.woff2" \
    --flavor=woff2 \
    --layout-features='*' \
    --unicodes="U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"

  echo "Converted $filename to WOFF2"
done

echo "Done! Converted $(ls fonts/*.woff2 | wc -l) files"

.github/workflows/fonts.yml

name: Build Fonts

on:
  push:
    paths:
      - 'sources/**'
      - 'scripts/**'
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - name: Set up Python
        uses: actions/setup-python@v5
        with:
          python-version: '3.11'

      - name: Install dependencies
        run: |
          pip install fonttools brotli
          sudo apt-get install -y woff2

      - name: Convert fonts
        run: |
          chmod +x scripts/convert.sh
          ./scripts/convert.sh

      - name: Generate CSS
        run: |
          chmod +x scripts/generate-css.sh
          ./scripts/generate-css.sh

      - name: Upload artifacts
        uses: actions/upload-artifact@v4
        with:
          name: web-fonts
          path: |
            fonts/
            css/

      - name: Commit changes
        run: |
          git config user.name github-actions
          git config user.email [email protected]
          git add fonts/ css/
          git diff --staged --quiet || git commit -m "Build: Update web fonts"
          git push

scripts/generate-css.sh

#!/bin/bash

mkdir -p css
CSS_FILE="css/fonts.css"

# Clear existing CSS
> "$CSS_FILE"

# Map filename patterns to weights
declare -A weights=(
  ["thin"]=100
  ["light"]=300
  ["regular"]=400
  ["medium"]=500
  ["semibold"]=600
  ["bold"]=700
  ["black"]=900
)

for woff2 in fonts/*.woff2; do
  filename=$(basename "$woff2" .woff2)
  family=$(echo "$filename" | cut -d'-' -f1)

  # Determine weight from filename
  weight=400
  for pattern in "${!weights[@]}"; do
    if [[ "$filename" == *"$pattern"* ]]; then
      weight=${weights[$pattern]}
      break
    fi
  done

  # Determine style
  style="normal"
  [[ "$filename" == *"italic"* ]] && style="italic"

  cat >> "$CSS_FILE" << EOF
@font-face {
  font-family: '$family';
  src: url('../fonts/$filename.woff2') format('woff2');
  font-weight: $weight;
  font-style: $style;
  font-display: swap;
}

EOF
done

echo "Generated CSS with $(grep -c '@font-face' "$CSS_FILE") font faces"