Ciao a tutti, scrivo in questa sezione perche non so quale altra potrebbe essere idonea, per favore potreste dirmi che font è stato utilizzato per il logo altervista e se possibile un link per scaricarlo, grazie mille
Printable View
Ciao a tutti, scrivo in questa sezione perche non so quale altra potrebbe essere idonea, per favore potreste dirmi che font è stato utilizzato per il logo altervista e se possibile un link per scaricarlo, grazie mille
nessuno mi puo aiutare per favore!?
Dai sorgenti si vede soltanto che è fatto interamente in svg, e che il font non è definito, dunque, non conoscendo l'svg, ma vedendo che basta ritoccare un qualunque numero per ottenere discrete differenze, credo proprio sia stato interamente disegnato in svg (no font specifico, disegno e basta - ma potrei benissimo sbagliarmi) :P
Ciao Darkwolf, ho provato vari tools online e nessuno è riuscito ad identificare il font preciso purtroppo ma solo alcui simili ma non abbastanza per fare quello che mi serve, in effetti non voglio clonare altervista o rubare qualcosa :=): sto realizzando un sito di guide per gestire un cms su altervista e per replicare la a di altervista nel logo mi servirebbe proprio il font perche con i loghi presenti alla voce brand riesco a fare ben poco purtroppo, non è che riesci a farmi sapere di più per favore? se invece è come dici tu cercherò di arrangiarmi in altro modo, grazie mille ciao :=):
Se prendi dai sorgenti il codice della a e lo incolli su editor ottieni questo:
Che puoi anche salvare in png:Codice:data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjE4MCIgaGVpZ2h0PSIxNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImFsdGVydmlzdGEtaWNvbiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaWQgbWVldCI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggaWQ9InN2Z18xIiBkPSJtNzYuNTQ0OTk4LDg0Ljk0OTk5N2MtMC41NzQ5OTcsOS40OTgwMDEgOC4zMzEwMDEsMTIuNTIyMDAzIDE3LjU5MDAwNCwxMi41MjIwMDNsOS4yNTY5OTYsMTQuNTI4YzAuMDA5MDAzLDAgMC42MDgwMDIsMCAwLjYwODAwMiwwdi0zOC44OTQ5OTdjLTE0LDAuOTM4OTk1IC0yNi45MDEwMDEsMi42ODI5OTkgLTI3LjQ1NTAwMiwxMS44NDQ5OTR6Ii8+CiAgPHBhdGggaWQ9InN2Z18yIiBkPSJtMCwwdjE0NGgxODB2LTE0NGgtMTgwbDAsMHptMTIyLDEwNi45MTZjLTMsMi40ODc5OTkgLTEwLDQuMzU1MDAzIC0xOCw1LjE1Mzk5OXYwLjA0Mzk5OWwtMC4zMTcwMDEsLTAuMDQxYy0zLjA2OSwwLjI3NTAwMiAtNi41ODEwMDEsMC40MjYwMDMgLTEwLjMyNzk5NSwwLjQyNjAwM2MtMjQuNTAzMDA2LDAgLTM2Ljg1MDAwMiwtMTEuMDgzIC0zNi44NTAwMDIsLTI2LjcxMzk5N2MwLC0xOS4zOTUwMDQgMjIuNDk0OTk5LC0yNC4yMTUwMDQgNDcuNDk0OTk5LC0yNi4zMDkwMDJ2LTQuNDIwMDAyYzAsLTcuODEzOTk5IC02LjI2MTAwMiwtMTAuMDIgLTE1LjIxMTk5OCwtMTAuMDJjLTguMTY3LDAgLTE2LjYzOCwyLjM3MjAwMiAtMjIuMTM1MDAyLDQuNjA1bC0wLjEwNjAwMywtMTIuNDIwOTk4YzUuOTY4MDAyLC0yLjIzMjAwMiAxMC42OTAwMDIsLTUuNzIwMDAxIDI1LjYxMiwtNS43MjAwMDFjMTkuMTYwMDA0LDAgMjkuODQyMDAzLDcuMTE3MDAxIDI5Ljg0MjAwMywyNy40OTIwMDF2NDcuOTI0bC0wLjAwMDk5OSwweiIvPgogPC9nPgo8L3N2Zz4=
incollalo su nuova finestra del browser per vedere il risultato...Codice:data:image/png;base64,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
Quindi, se ti serve solo la a, direi che da ogni editor online dovresti riuscire ;)
ps: ho usato questo editor: http://svg-edit.googlecode.com/svn-h...vg-editor.html
con il codice della sola "a" preso direttamente dai sorgenti:
Spero che AV non se la prenda... :mrgreen:Codice HTML:<svg preserveAspectRatio="xMinYMid meet" viewBox="0 0 180 144" xmlns="http://www.w3.org/2000/svg" class="altervista-icon">
<path d="M76.545,84.95c-0.575,9.498,8.331,12.522,17.59,12.522L103.392,112c0.009,0,0.608,0,0.608,0V73.105
C90,74.044,77.099,75.788,76.545,84.95z"/>
<path d="M0,0v144h180V0H0z M122,106.916c-3,2.488-10,4.355-18,5.154v0.044l-0.317-0.041c-3.069,0.275-6.581,0.426-10.328,0.426
c-24.503,0-36.85-11.083-36.85-26.714C56.505,66.39,79,61.57,104,59.476v-4.42c0-7.814-6.261-10.02-15.212-10.02
c-8.167,0-16.638,2.372-22.135,4.605L66.547,37.22c5.968-2.232,10.69-5.72,25.612-5.72c19.16,0,29.842,7.117,29.842,27.492V106.916
z"/>
</svg>
Grazie mille, ma troppo avanzato per me in grafica sono una frana totale, diciamo che per ora mi sono arrangiato abbastanza bene, per il font del logo del cms è stato facile trovarlo ed aggungerlo a gimp ma sarebbe stato meglio avere anche quello altervista comunque appena metto online ti faccio vedere cosi magari mi dai qualche consiglio :=):
Ciao darkwolf, ci sto lavorando moooolto piano, ma alla fine ho deciso di metterlo comunque online lo vedi in firma ciao
Così, però, la "a" è ripetuta due volte :P
...
Sai, qualche giorno fa ho scritto un articoletto su "come creare un logo sfruttando googlefont (senza usare gimp e photoshop).
Il mio logo, ad esempio, è puro testo (anche il globo, in verità, è un carattere testuale tramite fontawesome).
Ecco, io terrei il loghetto joombla, e poi la scritta alterjoomla tramite un qualche buon carattere.
Quindi, via css, solo la prima lettera la metterei sopra il logo e sarebbe l'unica in bianco.
A mio parere, così, ti verrebbe più facile :wink:
si in effetti facendo tutto con i font sarebbe anche piu leggero, conosco fontawesome mi piace un sacco e per fortuna gantry 5 lo integra perfettamente, il logo joomla con la a altervista era per creare una specie di "brand" comi dici tu mettendo separati otterrei anche l'autorizzazione ed il riconoscimento da joomla.org, vedo se riesco a lavorarci un pò nei prossimi giorni faccio qualche test grazie mille dei suggerimenti :)
Inoltre non dimentichiamo che il testo può leggerlo anche chi non vede (bot e non vedenti, ad esempio). Insomma, un logo in <h1> è anche più indicizzabile di una semplice immagine :)
Ciao, ho fatto qualcosa ma non è che mi soddisfa moltissimo, non è stato difficile sopra tutto grazie al tuo articolo, ho qualcosa che non riesco a risolvere se vedi l'icona joomla e la scritta non sono proprio allineate perfettamente ed anche il TM (trademark) non è che mi fà impazzire così com'è, qualche consiglio? calcola che è tutto su css perche gantry 5 ha delle "particles" per la gestione del logo ed altre cose, infatti devo anche vedere dove andare a mettere mano per dargli h1 grazie mille :=):
se togli gli spazi dal "a logo" puoi poi correggere con:
il tm prova a metterlo sempre con font awesomeCodice:.logo::before {
color: #25304f;
content: "(simbolo)";
font-family: "FontAwesome";
line-height: 0; //rimuoviamo altezza extra che si viene a creare
padding-right: 10px;
vertical-align: middle; //questo ci allinea il logo come desideriamo, possiamo anche impostare valori in pixel positivi o negativi ;)
z-index: 2001;
}
risultato:Codice:.logo::after {
content: "\f25c";
font-family: "fontawesome";
font-size: 16px;
vertical-align: super;
}
http://i.imgur.com/9DfAvRD.png
Grazie, me lo hai praticamente fatto tu! :=): ho aggiustato un pò le regole, gli spazi li ho ridotti inserendo valore negativo al margini-..., può andare bene? ho anche aggiunto il font del logo ufficiale Joomla! però avendo aggiunto il punto! al nome non capisco come allinearlo in alto al punto! mi dai l'ultimo aiuto? grazie :=):
Togli gli spazi (non ha senso metterli e poi rimuoverli con margine negativo, e poi interrompi il testo causando problemi con risoluzioni inferiori)... Quindi elimini i margini negativi, e graficamente sei apposto! Per il "TM" cambia il vertical-align in px: vertical-align: 55px; sembra un buon valore ;)
http://i.imgur.com/kBrpdMp.png
lo sò che non ha senso se fosse fatto tutto su codice, ma gestendo la scritta con il pannello di controllo del framework gantry dovrei modificare qualche file del template, e ancora non ho capito su che file c'è quella parte, ma quello è il risultato di modifiche fatte al volo tramite firebug o altro? perche se lo vedi con quel font, devo sistemare bene il richiamo del font dovrebbe essere cosi :???:
http://i68.tinypic.com/ou39th.jpg
Sia da firefox, che da mobile (iemobile), vedo il vecchio font come da mia immagine :|
-
E, in effetti, nel css è definito quello che vedo io:
Citazione:
.logo {
color: #fff !important;
float: left;
font-family: "asenine" !important;
font-size: 90px;
position: relative;
z-index: 2001;
}
no asenine non è quello che vedevi tu purtroppo, comunque ora dovresti visualizzarlo se puoi me lo confermi? diciamo che ho semi risolto con questo metodo
ma volevo utilizzare questo http://docs.gantry.org/gantry5/tutor...m-font-example e proprio non ci sono riuscito, quindi ora ad ogni aggiornamento mi tocca rifare la modifica al file theme.yaml che è sempre meglio che fargli l'override, grazie tante ancora dell'aiuto che mi stai dando :=):
adesso, nel logo, da css, vedo sempre asenine, ma il logo lo vedo correttamente.
cioè, qualcosa imposta il font, ma non riesco a trovarlo e, a questo punto, l'utilità di quell'asenine mi è ignota.
-
se devi fare tutti 'sti giri, fatti le tue correzioni tramite firebug, cattura l'immagine (come facciamo qui), via gimp la passi in trasparenza e imposti un semplice logo in png. Dico, diventa più pratico :P
-
(si vede perfetto sul tuo sito)
http://i.imgur.com/twHETDN.png
si il font va impostato tramite il framework, purtroppo non riesco a fare nel metodo del link che ho inserito sopra, comunque ora ho raggiunto un buon risultato e reinserito il logo nella stessa posizione del menu non mi sembra male che ne pensi?