Font non convenzionale 
Autor: Mirko C.Ciao a tutti ragazzi, ho un problema. Ho usato un font non standard per il mio sito (Present font) scaricato da internet. Ho letto le vostre soluzioni nell'answer ma non riesco a vedere il font dai pc che non ce l'hanno caicato nel path del SO.
Vi spiego ciò che ho fatto, magari saprete darmi una soluzione definitiva:
1. Nel punto 1, parte esperto, ho inserito il seguente codicecon funzione font-face
<style type="text/css">
@font-face{
font-family: "Present Normal";
src: url('files/PRESEN01.ttf') format('truetype');
}
</style>
2. Ho creato una pagina html invisibile dove ho inserito un oggetto html, quindi il file ttf. Il file è stato caricato correttamente on line nel path /files
Ho letto in internet che sarebbe necessario inserire anche un file .eot per la compatibilità con Internet Explorer. Dico bene? (io uso firefox ma comunque non visualizzo il font Present Normal sul sito online).
Nonostante ciò non vedo il font Present nei testi del sito. Ho notato che esiste la cartella /pcss con tutti i file css creati.
Secondo voi non sarebbe possibile creare un file css da inserire in quel path che indichi il font da utilizzare? Parlo senza alcuna cognizione di causa naturalmente (non sono un programmatore purtroppo).
Grazie in anticipo per la risposta,
ciao,
Mirko
Se ti riferisci a questo sito/pagina lasorgenteweb.altervista.org/dove-siamo.php attualmente hai questo CSS:
<styletype="text/css">
@font-face{
font-family: "Present Normal";
src: url('/files/PRESEN01.eot');
src: url('/files/PRESEN01.ttf') format('truetype');
}
body{
font-family: "Present Normal", Verdana, sans-serif;
}
</style>
Oltre a errori nei percorsi, font-family non corrispondente, hai l'estensione del font .ttf in maiuscolo, quindi devi scriverla in maiuscolo:
lasorgenteweb.altervista.org/files/PRESEN01.ttf (no)
lasorgenteweb.altervista.org/files/PRESEN01.TTF (sì)
Il file .eot con quel nome, non c'è (attualmente) in quella posizione (nemmeno con estensione in maiuscolo).
In Rete, qui su Answers, su http://www.unofficialwsx5.com etc... trovi un sacco di info sull'uso corretto di @font-face.
Se non vuoi "sporcarti troppo le mani", ti consiglio https://www.google.com/fonts ... sono sicuro che troverai un font di tuo gradimento.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autor
Grazie per la risposta lemonsong!! :)
Effettivamente hai trovato un css differente perchè stavo facendo delle prove per cercare di trovare una soluzione.
Sul maiuscolo/minuscolo non ne avevo idea e grazie per avermelo detto!
sul percorso dei files in realtà quello originale è il seguente:
src: url('files/PRESEN01.TTF') format('truetype');
Per quanto riguarda il font-family non capisco cosa devo inserire.. credevo fosse un parametro da valorizzare a piacimento, con un nome non convenzionale ma arbitrario.
In definitiva questo è ciò che ho inserito nel passaggio 1 - esperto - prima della chiusura del tag HEAD:
<style type="text/css">
@font-face{
font-family: "Present Normal";
src: url('files/PRESEN01.TTF') format('truetype');
}
</style>
Ho appena refreshato il sito (da zero) ma non funge... cosa sbaglio?
Grazie per le risp,
Mirko
Hai cercato in codesti luoghi?
Un file .ttf non è sufficiente per tutti i browser.
Inoltre, se la font-family dell'oggetto testo è font-family: "Present-Normal" etc...cosa dovrai scrivere nel CSS in head?
Comincia col convertire quel font.ttf in altri formati, per esempio, usando uno di questi 2 servizi (dovresti anche essere in regola con la "licenza" del font, se commerciale):
Ce ne sono altri simili ma, ripeto, se non vuoi "perdere tempo", vai su https://www.google.com/fonts
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autor
Lemonsong, grazie ancora per la risp.
tu hai ragione ad indicarmi i link e a suggerirmi di visitarli, ma ti assicuro che già l ho fatto e ció che ne ho tirato fuori è la funzione che ti ho mostrato... Io non ho competenze alcune di programmazione, dunque ció che puó sembrare banale per molti, ti assicuro non lo è per me. Il font che intendo utilizzare non c'è su googlefonts. tu mi fai domande tipo "cosa dovrai scrivere nel css in head?" e io nella mia ignoranza in merito non posso far altro che rigirartela o comunque chiedere aiuto per ottenere un risultato.
il ttf funziona con firefox? se si allora ho un problema xchè io uso firefox e nn lo visualizzo :(
convertire il ttf mi servirà per altri browser giusto?
grazie ancora x le risp ;)
Ti posso capire ma potevi provare uno dei due siti segnalati.
Qui un esempio al volo (no WS) che cancellerò dopo che avrai sistemato il tuo sito:
lemonsong.altervista.org/test_Font_Squirrel/
Ovviamente la parte del CSS con classe myfont NON la devi inserire.
Non ho dispositivi mobili per testarlo, quindi potrebbero esserci dei "ritocchini" da fare.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autor
appena torno a casa tra 1 oretta lo guardo e ci provo! grazie mille!!