Fondue

Fondue est un outil web moderne pour optimiser vos polices de caractères (subsetting) et les convertir au format WOFF2, standard actuel pour le web. Il est conçu pour être simple, rapide et respectueux de la vie privée, fonctionnant entièrement dans votre navigateur.

Pour plus d'informations sur l'usage des polices pour le web, consultez l'article détaillé d'Alsacréations "Optimisez vos polices web".

🚀 Fonctionnalités

• Importation facile : Support du glisser-déposer pour les fichiers .ttf, .otf, .woff et .woff2 (décompression automatique pour ces derniers).
• Collection intégrée : Accès direct à une sélection de polices libres déjà optimisées et prêtes à l'emploi.
• Analyse détaillée : Affiche les métadonnées de la police (nom, format, poids, nombre de glyphes, fonderie, etc.).
• Support des Fontes Variables : Détection automatique des axes de variation (poids, largeur, etc.) avec prévisualisation interactive.
• Subsetting (Jeu de caractères) : Réduisez la taille de vos fichiers en ne conservant que les caractères nécessaires (Latin Basic, Latin-1 Supplement, etc.).
• Prévisualisation en direct : Testez le rendu de la police avec votre propre texte avant l'export.
• Export intelligent :
  • Génération de fichiers WOFF2 optimisés.
  • Convention de nommage propre (Nom-opti.woff2).
  • Estimation précise du gain de poids.
• 100% Client-side : Vos fichiers de police ne sont jamais envoyés sur un serveur. Tout le traitement se fait localement dans votre navigateur via WebAssembly.

🌐 Démo

L'outil est accessible en ligne ici : fondue.alsacreations.com

🛠️ Installation et Développement local

Ce projet utilise Vite comme outil de build.

Prérequis

• Node.js (version 20 recommandée)
• pnpm (recommandé) ou npm

Étapes

1. Cloner le dépôt

   git clone https://github.com/votre-user/caractere.git
   cd caractere

2. Installer les dépendances

   pnpm install

3. Lancer le serveur de développement

   pnpm run dev

   L'application sera accessible sur http://localhost:5173.

4. Construire pour la production

   pnpm run build

   Les fichiers générés se trouveront dans le dossier dist/.

🧰 Technologies utilisées

• HTML5 & CSS3 : Interface moderne et responsive, sans framework CSS lourd (CSS Vanilla + Custom Properties).
• JavaScript (ES6+) : Logique applicative.
• Vite : Bundler et serveur de développement ultra-rapide.
• opentype.js : Parsing et analyse des fichiers de police.
• woff2-encoder : Compression et décompression WOFF2.
• harfbuzzjs : Moteur de rendu et de subsetting de texte haute performance (via WebAssembly).

📄 Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.