WebSite X5Help Center

 
Luca C.
Luca C.
User

Rendere Visibile Un Font Non Convenzionale  it

Autor: Luca C.
Visitado 5456, Seguidores 3, Compartilhado 50  

vorrei utilizzare un font differente in pagine di testo, il problema che sia in anteprima sia in modalità online dal mio pc viene visualizzato correttamente, mentre da altri pc che non hanno lo stesso tipo di font in windows viene stravolto e ovviamente ridimensionato, non sono un fenometro nell'informatica e purtroppo non trovo soluzioni, potreste aiutarmi

Publicado em
20 RESPOSTAS
Luca C.
Luca C.
User
Autor

cavolo! ho dato un occhiata ma sinceramente non ho capito gran che,  nelle mie conoscenze, sicuramente limitate, se devo scrivere un testo utilizzo l'editor di testo, poi in alto a sinistra cè la possibilita di selezionare i font, quelli standard non mi sddisfano, allora ho utilizzato 2 tipi di fonts che avevo copiato all'interno della cartella C:\windows\fonts

ma finchè lavoro in locale o utilizzo il mio pc per controllare il sito in internet, tutto fila liscio, provando con altri pc e browser differenti, il problema insorge

mi servirebbe una spiegazione modello ritardato mentale :),

ma quali sono ste cartelle e dove e cosa devo copiare :(

aiutooo

Ler mais
Publicado em de Luca C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... i casi possibili sono tre: 

1 – (difficile ma non troppo), studiare, cercando di capire come fare, fruttando l'esempio scaricabile di “granita”; 
2 – (sconsigliato e scomodo), usare il Font in formato grafico, cioè trasformare tutti i testi in immagini; 
3 – (consigliato e facile), cercare di usare uno dei fonts seguenti elencati da “Riccardo P.”, sperando Cool che il visitatore ne sia provvisto sul suo S.O.:

Riccardo P.
... ... ... di solito i più utilizzati e compatibile con le piattaforme Mac e Windows per i siti internet sono: Times New Roman Arial Verdana Tahoma Georgia Palatino Linotype Trebuchet MS Comic Sans MS Courier New Ma ne esistono anche altri di comuni, se non hai inserito font "strani" nel sistema WebsiteX5 visualizza quelli installati in Windows e quindi compatibili e visualizzabili da tutti.

bye

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Luca C.
Luca C.
User
Autor

Ciao, grazie della risposta, ma considerando che la proposta 3 è la causa del problema o meglio i tipi di font sono troppo standard e avrei voluto variare dal solito standard, la 2 non ha senso e ovvio che la 1 è la più sensata. A questo punto però mi servirebbe un aiuto nell'esecuzione. Nel salvataggio del progetto web, se vado ad analizzare il contenuto trovo 2 cartelle (Preview, Upload) poi vari file backup.iwprj,metadata,project.iwprj,preview...

all'interno di Preview ho diverse cartelle admin,cart,gallery,mail,pcss,style,captcha,files,images,menu,res + file html generati dalla costruzione di pagine web...

all'interno della cartella pcss ci sono tutti i Documenti CSS

la mia domanda è, per far riconoscere un font alternativo in maniera che altri browser e sistemi operativi  lo visualizzano dove e come devo inserire le stringhe di comando, le devo mettere in ogni foglio di testo dove voglio utilizzare questi maledetti font Smile o esiste una sorta di database fonts dove ho modo di inserirli

e quando genero una pagina di testo dal menu a tendina in alto a sinistra dal programma Website ho modo di selezionarli con la consapevolezza che saranno visibili "da tutti", una volta online e non solo in locale?

volevo venirne a capo! lo so, sono un po uno stress Laughing ma ne avrei necessità

confido in un aiuto risolutivo...

Luca

Ler mais
Publicado em de Luca C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
_ KolAsim
... i casi possibili sono tre:  1 – (difficile ma non troppo), studiare, cercando di capire come fare, fruttando l'esempio scaricabile di “granita”;  ... ... ... ... ... ... ...  ... ... ... .

... scaricato l'esempio di granita...?

... testato nel WEB...?

... oltre a quanto c'è in quel thread non si può; seguendolo passo passo ci si dovrebe arrivare; ...tralaltro sono senza PC e programmi,  per produrre un nuovo esempio per la v.9...

...!... dimenticavo...!... ...per quanto sopra,  i font del programma non contano..!

bye

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Luca C.
Luca C.
User
Autor

contatterei anche granita, ma il contatto diretto è stato disabilitato, si certo l'ho scaricato, ma se sono qua e perchè ho qualche difficoltà  e mi sarebbe piaciuta una risposta piu professionale e specifica passo per passo, sicuramente verrebbe utile ad altri utilizzatori e trovo assurdo contattare un utente privato quando dovrebbe esserci un assistenza che ti aiuta

e va bhe! 

Ciao

Ler mais
Publicado em de Luca C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... prova con i suggerimento appena dato da “stesil”...

...!... ma occorrerà uniformarsi alla logica del WEB, attualmente ancora più restrittiva, basandosi sulla tabella fornita da “Riccardo P.”...!..

... se avessi avuto il mio PC con i miei programmi, come detto, avrei prodotto un esempio (magari con video) per la v.9 per confrontare eventuali variazioni tra la v.8 e la v.9, ...comunque più tutorial del THREAD e di quelli "professionali" dei siti origine non penso che se ne possano trovare con più dettagli, grazie anche alla presenza "unica" di un esempio da scaricare...

... adesso puoi provare quest'ultima variante di "stesil", e se ci fai caso è lo stesso usato nel mio esempio , ma metodo non preferito da "granita" che adotta il CSS per i motivi esposti nel thread..
... la differenza tra il mio e quello di “stesil” sta nel fatto che "stesil" seleziona il font nel Form del testo, (una chicca da ricordareSmile)
, ed invece io avevo usato la dichiarazione nella casella "esperto" per il Body... 

... comunque, ... ce la si può fare, ...come avvenne per quelli che parteciparono alla discussione...
... ricordarsi di testare direttamente sul WEB e non in Anteprima locale...

... i professionisti che hanno sviluppato il metodo per incorporare il Font non convenzionale, proprio loro stessi ne sconsigliano l'uso, considerando che la pagina subirebbe notevoli rallentamenti e non sarebbe supportato da tutti i browser, il che vuol dire che alcuni potrebbero vedere la pagina sconclusionata, simili a quelle indicate nel Post di domanda...

... altro metodo è il "sIFR", ...suggerito tempo fa da "silver" nell'Avo di Answers", che interagiva nella la pagina con supporto in tecnologia Flash; ...attualmente sIFR interagisce con jQuery, forse il futuro(!), ...ma ovviamente occorrerà documentarsi sui sorgenti disponibili in RETE, ed avere tempo e pazienza per sperimentare...

... sarebbe utile se si postasse il link di una qualche pagina esistente nel WEB con la caratteristiche desiderata, per vedere se se ne possa ricavare il metodo usato e verificarne la compatibilità con i vari browser ...

bye




Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Luca C.
Luca C.
User
Autor

ciao ragazzi,

ho provato ma probabilmente sbaglio in qualcosa

chi pazientemente mi da supporto

allora...

-impostazioni generali

-esperto

-codice personalizzato per la sezione HEAD

(cosa devo inserire?)

mentre su

-creazione della mappa

-(selezione della pagina testo dove voglio utilizzare il font non convenzionale)

-proprita pagina

trovo: estensione del file generato (HTML-PHP-ASP-CFM-JSP)

codice personalizzato da inserire (prima del tag HTML, prima del tag HEAD, all'interno del tag BODY, prima del tag BODY, dopo il tag BODY)

(cosa devo selezionare e cosa devo inserire?)

purtroppo mi sento assai imbranato non conoscendo i meccanismi e la logica

e vi chiedo pazienza..

Ler mais
Publicado em de Luca C.
 stesil  
 stesil  
User

Ciao, se ti riferisci al metodo che ti ho linkato

Luca C.
-impostazioni generali -esperto -codice personalizzato per la sezione HEAD (cosa devo inserire?)

Questo codice:

<style type="text/css">
@font-face{
font-family: 'nomefont';
src: url('files/nomefont.ttf');
}
</style>

dove al posto di "nomefont" inserisci il nome del font che intendi utilizzare.

Luca C.

mentre su

-creazione della mappa

-(selezione della pagina testo dove voglio utilizzare il font non convenzionale)

-proprita pagina

trovo: estensione del file generato (HTML-PHP-ASP-CFM-JSP)

codice personalizzato da inserire (prima del tag HTML, prima del tag HEAD, all'interno del tag BODY, prima del tag BODY, dopo il tag BODY)

(cosa devo selezionare e cosa devo inserire?)

Niente, qui non devi inserire nulla. In una pagina qualsiasi del progetto inserisci un oggetto html e alleghi il file nomefont.ttf utilizzando la scheda esperto dell'oggetto stesso.

Ler mais
Publicado em de  stesil  
Luca C.
Luca C.
User
Autor

Ciao, grazie della risposta!

ma se ho una pagina TABELLA

e volessi rendere visibile i font non convenzionali all'interno della stessa, preciso che è composta da testo e un immagine con collegamento sulla stessa riga ma colonna diversa, per un totale di una ventina di righe e 2 colonne

non trovo le istruzioni che tu mi hai datoCry

Ler mais
Publicado em de Luca C.
 stesil  
 stesil  
User

Ciao,

non so se ho capito bene .... ma, dopo aver inserito il codice style in head ed aver allegato il file eot, per assegnare il font a un testo, sia esso inserito in oggetto testo o oggetto tabella di una qualsiasi pagina, selezioni il testo e assegni ad esso il font scegliendolo dall'elenco dei font disponibili nel menu a tendina.

Ler mais
Publicado em de  stesil  
Raffaele M.
Raffaele M.
User

Salve, credo che ci sia un po di confusione tra le due versioni, la 8 e la 9. Si potrebbe allegare un progetto pilota (con template tra quelli previsti dalla versione 9) con tutte i codici da inserire per poter visualizzare ad esempio un testo con un carattere non standard (ad esempio il font salina che io mi trovo nella mia macchina)  

Ler mais
Publicado em de Raffaele M.
Raffaele M.
Raffaele M.
User

Allego in progetto semplice per poter capire dove sbaglio. Se qualcuno volesse prenderlo in considerazione mi farebbe piacere.

Ler mais
Publicado em de Raffaele M.
Raffaele M.
Raffaele M.
User

L'allegato non è stato trasferito correttamente. Lo riallego

Ler mais
Publicado em de Raffaele M.
Raffaele M.
Raffaele M.
User

Il progetto non lo carica ma questo è il link

www.armarasco.it/files/Progetto.zip

Ler mais
Publicado em de Raffaele M.
 stesil  
 stesil  
User

Ciao,

il procedimento che hai seguito a me pare corretto. Probabilmente stai visualizzando la pagina con IE, perchè con Firefox e Chrome vedo i caratteri con il font salina, pur non avendo installato questo font sul mio pc.

Prova a sostituire il codice che hai inserito in Impostazioni generali --> Esperto con questo:

<style type="text/css">
@font-face {
   font-family: 'Salina';
   src: url('files/salina.eot');
   src: local('Salina'), url('files/salina.ttf') format('truetype');
}
</style>

...dovrebbe funzionare con tutti i browser (uso il condizionale perchè non l'ho mai provato in questo modo).

Le regole @font-face devono essere ripetute per ogni font non standard che vuoi utilizzare.

In alternativa ti linko anche questa discussione sul forum in cui sono presenti altre soluzioni:

http://www.unofficialwsx5.com/index.php?topic=583.0

Ler mais
Publicado em de  stesil  
Raffaele M.
Raffaele M.
User

Ciao Silvana, si ho trovato il perché non mi funzionava il tutto, almeno credo. Il collegamento url e' case-sensitive e non corrispondeva esattamente al nome del font.

Funziona bene su IE ma su Firefox c'e  un refresh della pagina, nel senso che prima carica un font e poi visualizza il font giusto. Una cosa ancora, per favore, se volessi usare due font non standard, in pagine diverse, si potrebbe fare ?

Ti allego il link al sito ancora non pubblicato ufficialmente 

www.raffaelemarasco.altervista.org

Cosi puoi osservare il refresh dei caratteri sulla home con firefox.

Grazie

Ler mais
Publicado em de Raffaele M.
 stesil  
 stesil  
User

Ciao,

per utilizzare due font diversi puoi duplicare le regole font-face per entrambi i font, mantenendo il codice dove è ora (in questo modo sarà presente in tutte le pagine del sito)

<style type="text/css">
@font-face {
   font-family: 'Salina';
   src: url('files/salina.eot');
   src: local('Salina'), url('files/salina.ttf') format('truetype');
}

@font-face {
   font-family: 'Papyrus';
   src: url('files/papyrus.eot');
   src: local('Papyrus'), url('files/papyrus.ttf') format('truetype');
}
</style>

Oppure, se li devi utilizzare in pagine diverse, e non in tutte, togli il codice da Impostazioni generali --> Esperto e scrivi il singolo codice @font-face nell'head delle pagine in cui deve essere visualizzato (passo 2 Creazione Mappa --> Proprietà della Pagina/livello --> Esperto --> Codice personalizzato da inserire prima del tag </HEAD>).

Per il refresh ... non lo vedo, perchè ho installato il font papyrus sul PC. E' possibile che sia dovuto al tempo di scaricamento del font ... ma di più non ti so dire.

Ler mais
Publicado em de  stesil  
Raffaele M.
Raffaele M.
User

Bene, grazie. Faro' delle prove per i due caratteri. Ti ringrazio

Ler mais
Publicado em de Raffaele M.