Differences

This shows you the differences between two versions of the page.

--- doc:appunti:linux:sa:fontforge_webfont [2017/01/25 15:40] – [Metodo di lavoro] niccolo
+++ doc:appunti:linux:sa:fontforge_webfont [2017/01/26 17:50] – [Creare gli altri formati di font] niccolo
@@ Line 77: / Line 77: @@
   - Aprire il **glyph-template.svg** in Inkscape.
   - Disegnare il singolo carattere, utilizzando tutte le primitive del caso, ecc.
-  - Salvare il disegno originale per eventuali modifiche future, mantenendo i raggruppamenti, le primitive, ecc.
+  - Salvare il **disegno originale** per eventuali modifiche future, mantenendo i raggruppamenti, le primitive, ecc.
-  - Convertire se necessario tutti gli oggetti in //path//, effettuare le operazioni di unione, intersezione, ecc. per ottenere **un unico oggetto da salvare come SVG** (in genere si dovrà convertire tutto in una sola path, senza raggruppamenti).
+  - Convertire tutti gli //object// e //stroke// in **//path//**, effettuare le operazioni di unione, intersezione, ecc. per ottenere **path di un solo contorno con zero o più buchi**. Impostare **//Fill//** e **//Stroke paint//** su //undefined// (il pulsante con il punto interrogativo), altrimenti FontForge considera il contorno come un oggetto con uno spessore proprio. È possibile mantenere più path eventualmente raggruppate. Salvare il disegno come SVG.
   - In FontForge aprire il font e **aggiungere gli //slot//** necessari a contenere i caratteri da importare: //Encoding// => //Add Encoding Slots...//.
   - Fare doppio click su uno slot vuoto e **importare il carattere** dal menu //File// => //Import...// => //Format SVG//.
   - Aggiustare **posizione** del glyph e la **larghezza** del carattere (click destro, //Set Width// oppure //Center in Width//).
+  - Per evitare errori e problematiche nella geometria dei caratteri conviene ripulire il disegno con questi passaggi:
+    - //Element// => //Simplify// => **//Simplify//** per eliminare punti ridondanti e correggere eventuali intersecazioni.
+    - //Element// => **//Add Extrema//** per aggiungere dei punti ai quattro estremi del disegno, se non ci sono (consigliato per gestire più facilmente l'ingombro di ciascun carattere).
+    - //Element// => //Round// => **//To Int//** per convertire le coordinate dei punti in numeri interi (richiesto dal formato TTF).
   - Definire il nome del glyph e il suo //codepoint// (codice Unicode). Non è necessario che i caratteri siano ordinati negli slot secondo il loro codepoint, ma è ovviamente consigliabile. Click destro, //Glyph Info...// => //Unicode//
     * **Glyph Name**, ad esempio **flower** (accetta solo caratteri alfanumerici, underscore e il punto).
@@ Line 112: / Line 116: @@
 FontForge salva il file nel proprio formato sfd, per creare gli altri formati:
-  * File, Generate Fonts, TrueType => rigacci.org-webfont.ttf
+  * File, Generate Fonts, **TrueType** => rigacci.org-webfont.ttf
-  * File, Generate Fonts, Web Open Font => rigacci.org-webfont.wof
+  * File, Generate Fonts, **Web Open Font** => rigacci.org-webfont.wof
-  * File, Generate Fonts, SVG Font => rigacci.org-webfont.svg
+  * File, Generate Fonts, **SVG Font** => rigacci.org-webfont.svg
-  * File, Generate Fonts, OpenType (CFF) => rigacci.org-webfont.otf (non necessario)
+  * File, Generate Fonts, **OpenType** (CFF) => rigacci.org-webfont.otf (non necessario)
-Per convertire nel formato EOT (IE 9 Compatibility Mode)
+Per convertire nel formato **EOT** (IE 9 Compatibility Mode)
   * apt-get install eot-utils
   * mkeot rigacci.org-webfont.ttf > rigacci.org-webfont.eot
-Altro modo per convertire in WOF:
+Altro modo per convertire in **WOF**:
   * apt-get install woff-tools