User Tools

Site Tools


doc:appunti:linux:sa:fontforge_webfont

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
doc:appunti:linux:sa:fontforge_webfont [2017/01/26 12:38] – [Metodo di lavoro] niccolodoc:appunti:linux:sa:fontforge_webfont [2017/01/26 17:50] – [Creare gli altri formati di font] niccolo
Line 82: Line 82:
   - Fare doppio click su uno slot vuoto e **importare il carattere** dal menu //File// => //Import...// => //Format SVG//.   - 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//).   - 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//   - 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).     * **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: 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   * apt-get install eot-utils
   * mkeot rigacci.org-webfont.ttf > rigacci.org-webfont.eot   * 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   * apt-get install woff-tools
doc/appunti/linux/sa/fontforge_webfont.txt · Last modified: 2017/01/27 00:56 by niccolo