It is currently 26 May 2019, 21:35 Advanced search

Font Awesome vs ZEN

Domande e risposte su come utilizzare Instant Developer Foundation al meglio

Font Awesome vs ZEN

Postby r.bianco » 16 May 2019, 13:57

Seguendo questo post:

viewtopic.php?f=7&t=77513&hilit=fontawesome

Abbiamo aggiunto i font awesome ai command button di un pannello, pubblicando il tutto nell'area di test.
Il risultato è che nella postazione di sviluppo il font viene visualizzato, mentre da un'altra no.
Cosa mi manca?
only work and no play makes jack a dull boy
r.bianco
 
Posts: 3805
Joined: 8 November 2010, 16:46

Re: Font Awesome vs ZEN

Postby d.pierangeli » 16 May 2019, 14:34

Mi sembra che questo approccio funzioni solo se il ttf è installato nel client.

Forse devi importare anche la libreria css di font-awesome, che nelle sue classi definisce dove il browser può trovare il ttf/woff/woff2 etc etc del font se non ce l'ha installato.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 6047
Joined: 30 September 2010, 15:35

Re: Font Awesome vs ZEN

Postby theguru » 16 May 2019, 17:07

io avevo integrato fontawesome qualche anno fa, ricordo poco prima che uscisse il tema bootstrap.
per far funzionare come si deve la baracca avevo dovuto lavorare non poco sui css, integrando appunto quelli di fontawesome, ridefinendo la proprietà "fa", giocando con l'attributo "before" e via dicendo.. per questo la soluzione proposta nel forum inglese mi sembrava semplicistica. Anche perché il più delle volte non hai bisogno di sostituire il font standard con un immagine, ma devi anteporre l'immagine alla stringa descrittiva.

comunque nell'head del desktop.html dovresti avere una stringa tipo:
<script src="https://use.fontawesome.com/adcd123456.js"></script>
dove al posto di abcd123456.js dovresti avere uno script tuo che ti comunicano quelli di fontawesome quando ti registri per l'utilizzo (anche free)
User avatar
theguru
 
Posts: 567
Joined: 29 January 2014, 13:01

Re: Font Awesome vs ZEN

Postby dr_whiteriver » 17 May 2019, 7:39

Oppure gli metti nella cartella fonts e poi li peschi da lì dalla desktop tipo:
<link rel="stylesheet" href="fonts/awesome-4.7.0/css/font-awesome.min.css">
Alessandro
User avatar
dr_whiteriver
 
Posts: 202
Joined: 3 September 2012, 13:44

Re: Font Awesome vs ZEN

Postby r.bianco » 17 May 2019, 14:20

dr_whiteriver wrote:Oppure gli metti nella cartella fonts e poi li peschi da lì dalla desktop tipo:
<link rel="stylesheet" href="fonts/awesome-4.7.0/css/font-awesome.min.css">


Probabilmente non ho capito, perché non funziona.
1. ho seguito il suggerimento scritto nel post iniziale, importando nella custom il font .ttf e creando uno stile visuale con quel font
2. ho seguito il tuo suggerimento, aggiungendo nel Desktop.htm il tag con il percorso relativo al css
only work and no play makes jack a dull boy
r.bianco
 
Posts: 3805
Joined: 8 November 2010, 16:46

Re: Font Awesome vs ZEN

Postby dr_whiteriver » 17 May 2019, 14:40

Hai usato anche addFontDirectory(path()+ /fonts) ?
Dallo zip scaricato dal sito awesome ho preso e copiato fontawesome-webfont.ttf dentro la cartella fonts
poi dentro la sottocartella awesome-4.7.0 ho messo tutto quello che era nello zip.
Altro non ricordo mi dispiace..
Alessandro
User avatar
dr_whiteriver
 
Posts: 202
Joined: 3 September 2012, 13:44

Re: Font Awesome vs ZEN

Postby r.bianco » 17 May 2019, 16:06

Grazie, addFontDirectory(path()+ /fonts) non è necessaria, avevo sbagliato percorsi.
Grazie a tutti.
only work and no play makes jack a dull boy
r.bianco
 
Posts: 3805
Joined: 8 November 2010, 16:46


Return to Tips & Tricks - Foundation

Who is online

Users browsing this forum: No registered users and 20 guests

cron