WebSite X5Help Center

 
Lux Ermes
Lux Ermes
User

Inserire Fonts personalizzate in WS5 PRO  it

Auteur : Lux Ermes
Visité 3210, Followers 1, Partagé 0  

inserire caratteri personalizzati in webSite5 

Ho seguito tutti i consigli nei vari post che trattano l'argomento per inserire fonts personalizzate in un sito, ma non riesco ancora a farlo funzionale.

Qualcuno che ha già risolto sarebbe così gentile da spiegarmi cronologicamente la procedura corretta?

in teoria ho fatto tutto ciò che si doveva

il link nella sezione esperto

le fonts nel widget in una pagina, il font face  dei caratteri

sul server trovo tutto anche nel codice ma...il sito prende sempre fonts locali

Posté le
20 RéPONSES - 3 UTILE
Lux Ermes
Lux Ermes
User
Auteur

sono impazzito per un po di tenpo a seguire i vari consigli, alla fine ha funzionato la cosa più semplice

In WS5 Pro non serve neanche inserire una stringa HTML basta spuntare la casella quando viene inserito il file CSS nella sezione codice_ esperto.

Grazie comunque.

Lire plus
Posté le de Lux Ermes
Skeggia 12
Skeggia 12
Moderator

spuntare la casella? puoi essere più preciso? sono molto interessato ad apprendere un metodo più semplice di quello che uso... grazie...

Lire plus
Posté le de Skeggia 12
Lux Ermes
Lux Ermes
User
Auteur

Nel Widget nella sezione esperto dove inserisci i caratteri e il CSS relativo ad essi quando inserisci quest'ultimo attivare la casellina a lato relativa ai file JS e CSS

ti inserisce in automatico nel haed il link per il foglio di style 

Lire plus
Posté le de Lux Ermes
Skeggia 12
Skeggia 12
Moderator

grazie lux, quel click li lo conoscevo, pensavo avessi trovato qualche altro ceck da mettere da qualche altra parte... ciao

Lire plus
Posté le de Skeggia 12
Lux Ermes
Lux Ermes
User
Auteur
Template By Silver™
si ma in quel caso solo per quella pagina, non per tutto il sito. .

per le verifiche che ho fatto io con caratteri molto unici funziona su qualsiasi pagina anche in computer che hanno installati solo i caratteri base, anche nei bottoni delle mail  e nei titoli di pagina.

dopotutto il link viene inserito nel head prima che inizi il body.

Naturalmente ho caricato tutti i file di caratteri in una cartella del sito sie eot, woff, svg e ttf ecc

collegati a un css tipo:

@font-face {
font-family: 'JennaSueRegular';
src: url('jennasue.eot');
src: url('jennasue.eot') format('embedded-opentype'),
url('jennasue.woff') format('woff'),
url('jennasue.ttf') format('truetype'),
url('jennasue.svg#JennaSueRegular') format('svg');

}

cambiando il nome di carattere nel codice del "login" mi funziona anche per quello 

Lire plus
Posté le de Lux Ermes
Template By Silver™
Template By Silver™
User

non avendo la professional non posso verificare,

per la evo sono sicuro che non sia così, se vuoi potresti mettere online un esempio per vedere.

.

http://www.templatebysilver.com/

Lire plus
Posté le de Template By Silver™
Francesco Tedeschi
Francesco Tedeschi
User

Io utilizzo Google font, scelgo il font, inserisco il codice del font in web site ed esso viene visualizzato in tutto il sito e non è necessario inserire il codice in tutte le pagine

Lire plus
Posté le de Francesco Tedeschi
Template By Silver™
Template By Silver™
User

certo, se inserisci il codice al passo 1 esperto va automaticamente in tutte le pagine, poi con google font non serve allegare nessun font o altri file, comodissimo.

Lire plus
Posté le de Template By Silver™
Skeggia 12
Skeggia 12
Moderator

pero il codice che hai postato prima non e' per google font ma per fontface... google e' comodo ma e' limitato nei tipi di font...

Lire plus
Posté le de Skeggia 12
Lux Ermes
Lux Ermes
User
Auteur

Io infatti ho inserito fonts personali e caricate su una cartella del sito. google font sono font che sono già in rete, non personali.

vi do un link del sito dove i caratteri sono : fututa md condensend e jenna Sue un carattere stile calligrafico trovato su un sito di font gratuito.

www.baby-fantasy.it

in una cartella "fonts"

ho inserito tutti i formati di carattere attraverso l'oggetto widget sezione esperto

e collegati a un file css "stylefont" iserito nella stessa cartella e poi attivata la casellina di fianco.

nella sezione "head" viene generato automaticamente il seguente codice:

<link rel="stylesheet" type="text/css" href="fonts/stylefont.css" media="screen, print">

e il gioco sembra essere fatto.

Lire plus
Posté le de Lux Ermes
Skeggia 12
Skeggia 12
Moderator

forse sono io che non capisco, prima hai parlato di google font, ora descrivi la sequenza per inserire font con il metodo fontface... che io utilizzo sempre... vabbè ora ci siamo capiti... ciao...


_________________________

@lux: è vero, ho riletto sopra e ho dato per scontato una tua risposta invece era di Francesco T... sorry...

Lire plus
Posté le de Skeggia 12
Lux Ermes
Lux Ermes
User
Auteur

 non sono io che ho parlato di google font. 

Lire plus
Posté le de Lux Ermes
Template By Silver™
Template By Silver™
User

come puoi vedere dallo screenshot hai 2 volte la stringa che richiama il css del fontface,

una è quella inserita dal programma attraverso il widget ed è presente solo in home,

l'altra è presente in tutte le pagine ed è quella che è inserita al passo 1 sezione esperto che probabilmente hai dimenticato di aver messo ma che è quella che conta per lavorare su tutto il sito.

i googlefont sono font hostati sui server di google, sono "solo" 630 per cui è quasi impossibile che non se ne trovi che piacciano ed hanno anche un vantaggio non indifferente cioè di poter essere sostituiti semplicemente cambiando il nome del font senza caricarne di nuovi, il loro funzionamento è lo stesso di fontface, prova ad aprire un link di googlefont e vedi.

Lire plus
Posté le de Template By Silver™
Template By Silver™
Template By Silver™
User

hem..lo screenshot

Lire plus
Posté le de Template By Silver™
Lux Ermes
Lux Ermes
User
Auteur

me lo hai fatto notare adesso, ed effettivamente c'è il doppione.  ora ho la connessione lenta ma domani provo a pubblicarlo senza il link nella sezione esperto.

Ho fatto tante di quelle prove che sono andato in palla.

comunque l'ultima volta onde evitare il doppione l'avevo eliminato e funzionava, poi devo avere aperto una versione beckup nel fare delle modifiche ed è tornato il linck aggiunto manualmente

Tutto dovuto al fatto che ho problemi con l'anteprima, non ancora risolti e ogni tanto il programma si blocca.

Lire plus
Posté le de Lux Ermes
Lux Ermes
Lux Ermes
User
Auteur

SILVER Saresti così gentile da verificarlo ora 

Ho ripubblicato senza il link

Lire plus
Posté le de Lux Ermes
Lux Ermes
Lux Ermes
User
Auteur

Hai ragione, funziona su tutte le pagine solo se il link viene inserito manualmente 

Lire plus
Posté le de Lux Ermes