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
doc:appunti:linux:sa:fontforge_webfont [2017/01/26 12:38] – [Metodo di lavoro] niccolodoc:appunti:linux:sa:fontforge_webfont [2017/01/27 00:56] (current) – [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)+
  
-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+Un modo alternativo per ottenere il formato WOF è generare il font OpenType con FontForge (estensione OTF) e poi usare il tool sfnt2woff fornito dal pacchetto **woff-tools**.
- +
-  apt-get install woff-tools +
-  sfnt2woff rigacci.org-webfont.otf (ma il woff è già ottenuto da FontForge) +
 ===== Riferimenti Web ===== ===== Riferimenti Web =====
  
   * [[http://www.koffeinfrei.org/2012/08/06/how-to-generate-a-webfont-kit-with-open-source-tools|How to Generate a Webfont]]   * [[http://www.koffeinfrei.org/2012/08/06/how-to-generate-a-webfont-kit-with-open-source-tools|How to Generate a Webfont]]
   * [[http://graphicdesign.stackexchange.com/questions/17421/how-do-you-create-icon-fonts|How do you create icon fonts]]   * [[http://graphicdesign.stackexchange.com/questions/17421/how-do-you-create-icon-fonts|How do you create icon fonts]]
doc/appunti/linux/sa/fontforge_webfont.1485430691.txt.gz · Last modified: 2017/01/26 12:38 by niccolo