Inserire font personalizzati 
Author: Andrea P.Salve
Nonostante avessi già provato i siti che mi avete proposto ho voluto riprovare ma NIENTE-NADA- NON VA-NON FUNZIA- NON ….Non esiste da parte di WEBSITE UNA PROCEDURA AUTOMATICA !!!!!!!!!!!!!!!!
Adesso va meglio ..allora
Ho creato un file -- fontsplah.css -- e l’ho inserito nella cartella files del mio progetto.
@font-face {
font-family: 'splash';
src: url('files/splash__.eot');
src: local('☺'), url('files/splash__.ttf') format('truetype');
}
Non chiedetemi il motivo della faccina perché l’ho trovato in rete così - per me html per il momento è ancora arabo
Poi ho inserito nella sezione 1 impostazioni generali- esperto la seguente riga
<link href="files/fontspalsh.css" type="text/css" rel="stylesheet">
nella home-page ho inserito un oggetto html e solo nella sezione esperto - aggiungi
ho richiamato i file 1) files/fontsplah.css 2) il file 'files/splash__.eot' e il file 'files/splash__.ttf'
ho inserito 2 caselle di testo ( prova prova ) scegliendo dal menu’ di website lo stile splash e
ho simulato l’esportazione su un chiavetta usb perche il sito ancora non l’ho registrato( vorrei che fosse il più completo possibile prima di pubblicarlo) ma in un secondo pc il font viene sostituito da uno standard.
Nella sd ho notato che i file sono stati esportati correttamente ( almeno sembra ) .
Ho provato anche a cambiare font nel caso ci fossero problemi con splah__ ma niente.
Questo è parte di quello che viene visualizzato tramite I.E con html
<!DOCTYPE html><!-- HTML5 -->
<html lang="it" dir="ltr">
<head>
<title>progetto prova testo</title>
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
<meta name="generator" content="Incomedia WebSite X5 Evolution 10.0.8.35 - www.websitex5.com" />
<meta name="viewport" content="width=947" />
<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="" href="blog/x5feed.xml" />
<link rel="stylesheet" type="text/css" href="pcss/index.css" media="screen" />
<script type="text/javascript" src="res/jquery.js?35"></script>
<script type="text/javascript" src="res/x5engine.js?35"></script>
<script type="text/javascript">
x5engine.boot.push(function () { x5engine.utils.imPreloadImages(['menu/index_h.png','menu/pagina-1_h.png','menu/pagina-2_h.png','menu/pagina-3_h.png','res/imLoad.gif','res/imClose.png']); });
</script>
<link href="files/fontspalsh.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
<div id="imHeader">
<h1 class="imHidden">progetto prova testo</h1>
</div>
<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
<div id="imMnMn" class="auto">
<ul class="auto">
<li id="imMnMnNode0" class="imMnMnCurrent">
<a href="index.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
</span>
</a>
</li><li id="imMnMnNode3">
<a href="pagina-1.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Pagina 1</span>
</span>
</a>
</li><li id="imMnMnNode4">
<a href="pagina-2.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Pagina 2</span>
</span>
</a>
</li><li id="imMnMnNode5">
<a href="pagina-3.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Pagina 3</span>
</span>
</a>
</li>
</ul>
</div>
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
<div style="width: 936px; float: left;">
<div style="float: left; width: 468px;">
<div id="imCell_2" class="imGrid[0, 0]"><div id="imCellStyleGraphics_2"></div><div id="imCellStyle_2"> <div id="imTextObject_2_tab0" style="text-align: left;">
<div class="text-inner">
<p style="text-align: left;"><span class="ff1 fs40">spalsh prova</span><span class="ff2 fs20"><br /></span></p>
</div>
</div>
</div></div>
</div>
<div style="float: left; width: 468px;">
<div id="imCell_3" class="imGrid[0, 0]"><div id="imCellStyleGraphics_3"></div><div id="imCellStyle_3"> <div id="imTextObject_3_tab0" style="text-align: left;">
<div class="text-inner">
<p style="text-align: left;"><span class="ff2 cf1 fs20">prova prova</span><span class="ff0 cf1 fs20"><br /></span></p>
</div>
</div>
</div></div>
</div>
</div>
<div style="width: 936px; float: left;">
<div style="float: left; width: 468px;">
<div id="imCell_1" class="imGrid[1, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyle_1"></div></div>
</div>
<div style="float: left; width: 468px;">
<div style="height: 362px;"> </div>
non mi sono messo a leggere tutto quello che hai pubblicato, ma guarda questa discussione
http://www.unofficialwsx5.com/index.php?topic=649.0 dove trovi anche una mia piccola guida, e anche se fai una ricerca qui su answer troverai la soluzione...
Author
il font splash__ non è presente su google e comunque sempre di arabo parliamo.
scusami, hai visto il link che ti ho postato?
se tu cerchi i post di skeggia (lo stesso avatar che vedi qui), in uno di questi hai un allegato in cui c'è una piccola guida con spiegazioni passo passo per installare qualsiasi font, anche splash; se la font è in tuo possesso ed è una font di libero utilizzo, puoi andare sul sito www.fontsquirrel.com, caricarla, e il sito ti fornisce il foglio css la pagina di esempio di utilizzo e le quattro versioni di font da implementare. Non so che lingua tu parli, ma website non mi sembra parli arabo . . . sempre con educazione . . .
Author
L'arabo a cui io mi riferisco é solo ed esclusivamente il linguaggio html nei iei confronti ci mancherebbe.
Se ti riferisci alla risposta #10 del post 224 non riesco a scaricare l'esempio perchè mi viene dato : Impossibile visualizzare la pagina XML tramite il foglio di stile . Correggere l'errore, quindi fare clic suAggiornaoppure riprovare in un momento successivo.
Carattere non valido nel contenuto di testo. Errore durante l'elaborazione della risorsa "http://www.skeggia12.it/test/prov...
Per quanto rigiuarda inl font splash non è presente in fontsquireel.com e se provo ad esportarlo da c:\windows\fonts del mio pc mi viene negato l'accesso . comunque penso che avendo già a disposizione il .ttf e il .eot non dovrebbero servirne altri.
grazie ancora .
Author
Scusa il link a cui mi riferisco e sulla risposta # 9 e non sulla 10 .
Per l'esempio riportato alla risposta 6 invece io vedo solo tutti i caratteri uguali.
te lo allego qui, vedi se riesci a risolvere, altrimenti te lo faccio io un esempio...
comunque qui l'esempio funziona:
www.skeggia12.it/test/provafont/index.html
e ci puoi anche scaricarti l'esempio
nell'esempio ho utilizzato la font Lobster, non standard e vedi tutta la pagina con questo font...
Author
Scusa ma ho dovuto scaricare winrar per poter leggere il file.
Il sito d'esempio la versone 10 ( la mia ) genera un errore nell'apertura della pagina dopo aver convertito il progetto d'esempio riconosciutoo come creato con la 9.
Per quanto riguarda il file .zip gli ho dato un'occhiata perchè devo assentarmi ma mi sembra di aver capito che oltre ai parametri devo anche inserire il testo direttamente con il linguaggio html e non utilizzando le caselle di testo , complete di anteprima istantanea , fornite da website. E' corretto quello che penso o per oggi è meglio che stacco la spina?
Grazie ,per il momento.
Buona serata
no, non staccare la spina, lo so che serviva winrar ma qui non è possibile allegare file di testo . . . quando hai inserito i codici al posto giusto, come indicato, la font la puoi utilizzare anche in ogg. testo, basta che attivi l'inserimento di html nell'ogg. testo, ed usi i tag inseriti nei codici di pagina: ad esempio, nell'ogg testo, abilitando il codice html con il pulsantino in alto nella barra strumenti, puoi digitare:
<h1>PROVA DI TITOLO</h1>
e per il testo:
<p>Prova di testo in oggetto testo con la codifica html abilitata (continui finchè non hai finito il paragrafo.</p>
Poi riapri il codice <p> per un nuovo paragrafo e lo richiudi alla fine con </p>
Per ora sono abilitati solo questi due codici, ma se ti servono altre grandezze di carattere, ne potremo abilitare anche altri, perchè il testo racchiuso in questi codici non si ingrandisce o si rimpicciolisce con i comandi normali.
Per altre cose, posta pure che facciamo un buon lavoro (poi ce lo mostri) . . .
Author
Mi sembra di aver seguito alla lettera quanto consigliato ma l'esisto è sempre lo stesso .Come ultima spiaggia allego le due prove che ho fatto . Non vorrei che il problema risieda nel fatto che io faccio le prove mediante esportazione sito e non tramite pubblicazione on-line.Penso di ripassarmi tutto il sito e crearlo in TAHOMA cosi almeno non ho notti insonni.
Ai prossimi giorni -grazie
se non alleghi al progetto (o ci scrivi in head) il css della regola fontface (nell'esempio stylesheet.css) è evidente che non funziona ne offline ne online, non hai fatto nessuna delle 2...che ti aspettavi
un consiglio, se metti l'esempio online è molto piu semplice individuare cosa non va senza bisogno di zippare, scaricare, dezippare ecc..
ho guardato l'esempio 1, non hai allegato neppure qua il css che qui sarebbe fontsplash.css,
hai messo il richiamo ma non il files, proprio come nell' esempio 2...
in questi file ci va la regola @font-face
ma non come l'hai scritta all'inizio di questa discussione, con la faccina (...muoio
...)
quella si è creata da sola per una combinazione di caratteri sul sito da cui l'hai copiata
ciao silver, hai visto l'allegato fontface.zip? dentro ci sono le istruzioni per usare la font, secondo te manca qualcosa, perchè mi sembra di aver scritto tutti i passaggi da fare per farla funzionare, in fondo c'è scritto anche di allegare font e css (se manca qualche passaggio lo aggiungiamo così da essere utile a qualcun altro), ma mi sembra di aver capito che andrea non lo ha fatto . . . forse per questo non gli funziona...
Author
Immagino che scaricare lo zip sia una rotta di scatole ma siccome ho notato una grossa differenza di impaginazione tra il font SPLASH(ciccione e arrotodato ) e il font standard che mi viene visualizzato con il 2 pc , metterlo in rete era una vera porcata.Ho inserito nella sezione esperto - aggiungi - il file .css lasciando in bianco la parte sovrastante dove viene richiesto css ma il testo rimane in standard. Allego nuovamente l'esempio per verificare il tutto;di certo non mi lamento se qualcuno lo modifica e lo rimette in rete per tutti oltre che per me visto che dovrebbero essere presenti tutti file font necessari alla modifica.
Per il sito momentaneamente lo pubblichero in questi giorni; visto che è per una società sportiva di pallavolo e oltre creare il sito gratuitamente non vorrei impegnarli con costi, che ne' pensate se lo metto in altervista visto che è la mia prima pubblicazione?
grazie
Ti consiglio di leggere questo articolo:
http://www.html.it/pag/18954/font-personalizzati-con-font-face/
Per quanto riguarda il tuo ultimo esempio, prova a sostituire il file fontspalsh.css con quello allegato.
Se funge, confrontalo con il tuo, per scoprire gli errori.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
GRANDE !!!!!
io davo l' URL DOVE PESCAVO I FONT DAL PC CONVINTO AL 100% che fosse corretto. Più tardi vedo di leggere i link ,anche se li avevo già letti i giorni scorsi ma come si dice SBAGLIANDO SI IMPARA .Sai dirmi , per cortesia, se l'intenzione di pubblicare il sito su altervista sia consigliata per una societa no profit come una società sportiva di pallavolo? Vorrei utilizzare la possibilità del Voucher offerto da WEBSITE in one.com per la mia azienza visto che vorrei crearmi un sito aziendale.
Ringrazio nuovamente
Per la società sportiva, intanto puoi partire con Altervista...caso mai fai sempre tempo a comperare uno spazio tuo, con 30 Euro all'anno circa te la cavi, e cosi ti tieni il "one.com" per la tua azienda...
Ricorda che hai 3 mesi di tempo per one.com, dalla data dell'acquisto del programma...