Visualizzazione! questa sconosciuta! 
Author: Gian Luca P.
Visited 1596,
Followers 2,
Shared 21
CIao a tutti, ho creato un sito semplicissimo (www.enricacapecchi.com) senza flash, solo testi ed immagine statiche. durante la visualizzazione tra diversi browser (explorer e firefox), solo nella home trovo differenze di impaginazione anche tra pc differenti e nlla visualizzazione da iphone ancora peggio. Come uniformo il tutto? p.s. come unica variabile ho messo nella sezion esperto la forzatura ad una carattere incorporandolo. Trascrivo il codice:
<style type="text/css">
@font-face{
font-family: 'Garamond';
src: url('files/Garabd.ttf');
}
</style>
Grazie 1000
Posted on the
Tanto per cominciare (attualmente) il file .ttf non si trova qui: http://www.enricacapecchi.com/files/Garabd.ttf
... ma nella root: http://www.enricacapecchi.com/Garabd.ttf
Se proprio vuoi usare @font-face ti consiglio di dare un'occhiata qui: http://css.html.it/articoli/leggi/3182/web-fonts-con-i-css-in-cinque-minuti/
Puoi usare anche altri "sistemi", tipo questo:
http://css.html.it/articoli/leggi/3388/usare-i-web-fonts-con-google-font-api/
_____________________________
http://www.unofficialwsx5.com
Author
Ti ringrazio intanto per la tua celere risposta, ma i font sono comunque in copia nella cartella giusta. anche provando altri metodi il problema mi si ripropone tra diversi browser. infatti le 3 linee di testo nella home, contenenti i dati dell'architetto, risultano con disallineamenti tra i vari browser. con iphone poi addirittura su 5/6 linee... come posso fare per vederli tutti in uno stesso modo? Grazie
Da quello che vedo attualmente non sono ancora nella posizione dichiarata nel CSS comunque non ho la 9 per provare direttamente quindi ho copiato la tua home ed ho scaricato il @font-face kit da qui http://www.fontsquirrel.com/
Qui puoi verificare se ci sono disallineamenti tra i vari browser:
http://lemonsong.altervista.org/test_font-face/ (appena hai verificato rimuovo tutto)
Non ho né iPhone né iPad per testare.
Se non ho capito a quali disallineamenti ti stai riferendo, spiegati meglio, so' vecchio
_____________________________
http://www.unofficialwsx5.com
...
... trovo correttamente esposte ed impaginate le righe di "lemonsong", (phantom), ...ma non giustificate, e lascia a desiderare la grafia dei numeri, forse dovuta a tipo di font che già di per se è inadeguato alla stampa su schermo elettronico...
...invece, il sito originale forse non cattura il font, in quanto i numeri sono regolari, ma la formattazione del testo ha dei ritorni a capo che ne disturbano la lettura e l'aspetto visivo dell'insieme...
... l'aspetto delle pagine è conforme, rispettivamente ad ogni esempio, su IE, FF, Chr...
... in genere i fonts con le "grazie" sarebbero da evitare...
bye
Ho usato lo stesso kit (EBGaramond-webfont) scelto dall'autore del post (attualmente visibile nel sorgente pagina), scaricato dal sito precedentemente postato.
Grazie per la prova
_____________________________
http://www.unofficialwsx5.com
Author
Ciao Lemonsong, ho verificato quanto hai gentilmente postato ed effettivamente il testo richiesto dal cliente non accontenta ne me, ne lei. ho sostituito il tutto con il signor TimesNewRoman.
che ne dite ora? meglio?
... va meglio, ...sì, ...anche se i 12 punti sono il limite quasi accettabile per il testo dei contenuti nel caso di Fonts con le grazie, (in genere sconsigliati per pagine elettroniche), forse renderebbe meglio il 14 punti; ...comunque sul PC in cui mi trovo adesso non è male, ...tutti i gusti sono gusti...
bye
Author
Ciao KolAsim, tu hai idea di come poter visualizzare il sito anche su piattaforma Iphone senza che si modifichi la formattazione del testo? Grazie
OK, rimuovo l'esempio online.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
____ questa sera: TIRAMISÙ! ___
... guarda, ...attualmente son senza PC e programmi, ...ma quello che ho consigliato da sempre è stato quello di creare una versione del sito parallela dedicata ai dispositivi "mobile", ove indirizzare l'utente a scelta da una pagina INTRO, o automaticamente tramite un redirect che riconosca il dispositivo destinatario...
... quindi, dovresti costruirti un la layout di 640 pixel, oppure 800 pixel, perfezionando la giustificazione del testo su questa piattaforma, il che, visto la pulizia elegante adottata nel sito, non dovrebbe riuscirti difficile...
bye