Fonts

[happyp2000]

Risolto un problema ne ho subito un altro da porre alla vostra attenzione.
Volevo mettere dei font nuovi sul sito, ed ho trovato un css
nella fatispecie questo

Codice: [Seleziona]

@font-face {
 font-family: ChickenScratch;
 src: url(../font/ChickenScratch.eot); /* EOT file for IE */ma nn cambia nulla benchè abbia seguito le istruzioni ed abbia messo i due file .eot e .ttf e html nella cartella.

Sapeste delucidarmi?

Grazie del supporto!

[conti1]

ciao
prova dirci che istruzioni hai seguito?

[happyp2000]

Scusate poi ieri sono andato a dormire

ho seguito la miniguida su wiki, ma non riesco a capire bene dove inserire i css e soprattutto i richiami ai file

Scusa il file html non c'entra nullla, era una prova che avevo fatto per phocafont.
 

[mau_develop]

se sai guardare il codice o usare firebug prova a guardare i css del mio sito

M.

[happyp2000]

ho dato un occhio e ho visto le dichiarazioni delle posizioni dei font ma non sono riuscito a trovare dove hai dichiarato il source file e il font face

[conti1]

ciao

dichiarato il source file e il font face

diciamo che non e una dichiarazione  ma è solo un css li postato .
allora facciamo un esempio banale  e semplice : tu prendi il css del font che appena creato e lo metti nel css template.css  i font veri e proppi crei una cartella chiamata font  e li metti li, a questo punto hai cartella font con dentro i file dei font e un css pronto x essere usato.
ora devi  intercettare  il font che devi cambiare con il tuo e dare  il nome del tuo font. esempio mettio che il tuo font nuovo si chiami pippo, e lo vuoi usare  nei titoli  della colonna left , con firebug trovi la riga   del font che sta usando ora  e lo cambi con pippo , tutto qui  .

[happyp2000]

Scusa la durezza della mia capoccia ma ci deve essere qualcosa che sbaglio puoi dare un'okkiata con Firebug se possibile, scusa il disturbo ma proprio nn riesco a capire l'inghippo!

[conti1]

ciao
posta il link e dimmi quale parte del sito dovrebbe prendere  il font.

[happyp2000]

il sito è www.gas89.it
le font sono per il menu in alto Cards Character
e per gli header sia dei menu laterali che degli articoli ChickenScratch
grazie della disponibilità

[conti1]

posta il css di come lo hai scritto solo il pezzo del font.

[happyp2000]

questo è il fontface per entrambi:

Codice: [Seleziona]

@font-face {
 font-family: ChickenScratch;
 src: url(../font/ChickenScratch.eot); /* EOT file for IE */

}
@font-face {
 font-family: ChickenScratch;
 src: url(../font/ChickenScratch.ttf); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Card Characters;
 src: url(../font/Card Characters.eot); /* EOT file for IE */

}
@font-face {
 font-family: Card Characters;
 src: url(../font/Card Characters.ttf); /* TTF file for CSS3 browsers */
}


questo è il css dei font

Codice: [Seleziona]

.art-menu a .t
{
  margin-right: 10px;
  margin-left: 10px;
  font-family: Card Characters,Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  color: #000000;
  padding: 0 10px;
  margin: 0 13px;
  line-height: 39px;
  text-align: center;
}

Codice: [Seleziona]

  margin: 0 auto;
  padding: 0;
  background-color: #6E6E6E;
  background-image: url('../images/page_t.jpg');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
  float: left;
  font-family: ChickenScratch;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  color: #FBFFFA;

Codice: [Seleziona]

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  font-style: normal;
  text-decoration: none;
  font-family: ChickenScratch;
  font-weight: bold;
  font-size: 31px;
  text-align: left;
}

[conti1]

allora i font non vengono interpretati ne da firefox ne da ie
ho provato sul mio sito  con questo ChickenScratch e non viene interpretato , x cui non sei tu che sbagli  ma e il font che non viene letto  .
purtroppo non tutti i font vengono letti ,
se vuoi essere sicuro che funzioni le modifiche fatte ti allego un font che so che funziona , provalo almeno sai che i percorsi fatti sono giusti.

[allegato eliminato da un amministratore]

[conti1]

ops mi correggo il font provato funziona  come pui vedere  la scritta chi  è on-line a il font
scusa ma avevo fatto di fretta  e non avevo cambiato il nome.
http://www.contiweb.altervista.org/

il font che hai scaricato , che hai messo nella cartella font lo hai rinominato come il nome nel css?
altrimenti non va.

[happyp2000]

forse sbaglio a mettere il css fontface, dove lo devo incollare?
ho provato con la tua e nn mi funziona lo stesso

[conti1]

il css dove vuoi
mettilo nel css template.css
poi nella cartella font  guarda che il nome sia identico a quello messo nel css
in prativa deve essere: ChickenScratch.ttf   e   ChickenScratch.eot

[happyp2000]

allora mi faresti un favore se non hai il font installato nel sistema mi dici se vedi quel font sugli header del menu laterale e degli articoli?

Grazie della pazenza

[conti1]

ok si vede  perfetto.

[happyp2000]

Ehm scusa ancora, ma da un altro pc ho provato a vedere e non le visualizza, tantomeno dall'Iphone
A te le visualizzava???