doc:appunti:linux:sa:fontforge_webfont
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
doc:appunti:linux:sa:fontforge_webfont [2017/01/24 23:19] – [Creare gli altri formati di font] niccolo | doc:appunti:linux:sa:fontforge_webfont [2017/01/26 17:48] – [Metodo di lavoro] niccolo | ||
---|---|---|---|
Line 5: | Line 5: | ||
<code html> | <code html> | ||
< | < | ||
- | <link href="font-awesome/ | + | <link href=" |
</ | </ | ||
Line 77: | Line 77: | ||
- Aprire il **glyph-template.svg** in Inkscape. | - Aprire il **glyph-template.svg** in Inkscape. | ||
- Disegnare il singolo carattere, utilizzando tutte le primitive del caso, ecc. | - Disegnare il singolo carattere, utilizzando tutte le primitive del caso, ecc. | ||
- | - Salvare il disegno originale per eventuali modifiche future, mantenendo i raggruppamenti, | + | - Salvare il **disegno originale** per eventuali modifiche future, mantenendo i raggruppamenti, |
- | - Convertire | + | - Convertire tutti gli //object// e // |
- In FontForge aprire il font e **aggiungere gli //slot//** necessari a contenere i caratteri da importare: // | - In FontForge aprire il font e **aggiungere gli //slot//** necessari a contenere i caratteri da importare: // | ||
- Fare doppio click su uno slot vuoto e **importare il carattere** dal menu //File// => // | - Fare doppio click su uno slot vuoto e **importare il carattere** dal menu //File// => // | ||
- 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 geometrici nella creazione dei font conviene ripulire il disegno con questi passaggi: | ||
+ | - //Element// => // | ||
+ | - //Element// => //Add Extrema// per aggiungere dei punti ai quattro estremi del disegno, se non ci sono (consigliato per gestire più facilmente l' | ||
+ | - //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 // | - Definire il nome del glyph e il suo // | ||
- | * **Glyph Name**, ad esempio **fa-chart**. | + | * **Glyph Name**, ad esempio **flower** (accetta solo caratteri alfanumerici, |
* **Unicode Value**: da **U+f000** in poi. | * **Unicode Value**: da **U+f000** in poi. | ||
Line 131: | Line 135: | ||
* [[http:// | * [[http:// | ||
* [[http:// | * [[http:// | ||
- | * |
doc/appunti/linux/sa/fontforge_webfont.txt · Last modified: 2017/01/27 00:56 by niccolo