Trovare delle icone font #2

Open
opened 2020-12-08 13:52:59 +00:00 by giomba · 2 comments
Owner

È preferibile l'uso di un font dedicato piuttosto che delle icone come immagini, così è possibile cambiarne lo stile (e in particolare il colore) con poco sforzo dal CSS.
In particolare, questa cosa torna utile quando si usano le icone su un fondo chiaro e poi su un fondo scuro: se fossero immagini sarebbe molto più tedioso modificarle.

È preferibile l'uso di un font dedicato piuttosto che delle icone come immagini, così è possibile cambiarne lo stile (e in particolare il colore) con poco sforzo dal CSS. In particolare, questa cosa torna utile quando si usano le icone su un fondo chiaro e poi su un fondo scuro: se fossero immagini sarebbe molto più tedioso modificarle.
giuliof was assigned by giomba 2020-12-08 13:53:13 +00:00
Author
Owner

Ho fatto una prova, visibile sul branch improvement/font-icon (come si fa a citarlo nel commento?)
Ho usato le material icons di Google, sotto licenza libera.
Naturalmente sono self-hosted, e non prese dai server di Google.
Non ho trovato icone sostitutive per tutto.
Quello che non ho trovato, l'ho lasciato come png/svg com'era prima: esteticamente si integrano perfettamente (il mio occhio non riesce a scorgere differenze), anche se non risolvono completamente il problema del CSS su fondo chiaro/scuro.
Se piace, si può mergiare, almeno come soluzione temporanea.

Ho fatto una prova, visibile sul branch improvement/font-icon (come si fa a citarlo nel commento?) Ho usato le material icons di Google, sotto licenza libera. Naturalmente sono self-hosted, e non prese dai server di Google. Non ho trovato icone sostitutive per tutto. Quello che non ho trovato, l'ho lasciato come png/svg com'era prima: esteticamente si integrano perfettamente (il mio occhio non riesce a scorgere differenze), anche se non risolvono completamente il problema del CSS su fondo chiaro/scuro. Se piace, si può mergiare, almeno come soluzione temporanea.
Owner

Ok, approvo il merge.
Per le icone mancanti (fondamentalmente i loghi social) possiamo usare, in coppia con quelle di google, uno dei seguenti pack:

  • Remixicon - Licenza Apache. ha fondamentalmente tutto, ma è un pack più sgraziato, adatto a farci piccoli bottoncini. Però per i loghi social credo vada bene.
  • Ionicicons - licenza MIT, sono più aggraziate delle precedenti ma manca telegram. La cosa che più ci assomiglia è "send".
Ok, approvo il merge. Per le icone mancanti (fondamentalmente i loghi social) possiamo usare, in coppia con quelle di google, uno dei seguenti pack: * [Remixicon](https://remixicon.com/) - Licenza Apache. ha fondamentalmente tutto, ma è un pack più sgraziato, adatto a farci piccoli bottoncini. Però per i loghi social credo vada bene. * [Ionicicons](https://ionicons.com/) - licenza MIT, sono più aggraziate delle precedenti ma manca telegram. La cosa che più ci assomiglia è "send".
Sign in to join this conversation.
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: golem/home#2
No description provided.