@font-face; visualizzazione

[Claranna]

Buona sera,

so quanto sia spesso consigliato di evitare Font esterni, tuttavia sto facendo qualche tentativo
per inserirne un paio nel Blog che sto perdonalizzando su iobloggo.com.

Ho caricato il font <Scriptina> su Font Squirrel\Font Generator, ricavando una cartella zip
dove all'interno trovo formati vari del Font stesso e un foglio di stile, che reca il seguente codice:

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 22, 2013 */

@font-face {
    font-family: 'scriptinaregular';
    src: url('scriptin_0-webfont.eot');
    src: url('scriptin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('scriptin_0-webfont.woff') format('woff'),
         url('scriptin_0-webfont.ttf') format('truetype'),
         url('scriptin_0-webfont.svg#scriptinaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Non essendo provvisto, Iobloggo.com, di una sezione in cui caricare i prorpri files, ho usato Altervista
per ottenere l' url del Font.

Sostituisco dunque l'indizzo del formato .ttf (provvisoriamente, solo quello)

@font-face {
    font-family: 'scriptinaregular';
    src: url('scriptin_0-webfont.eot');
    src: url('scriptin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('scriptin_0-webfont.woff') format('woff'),
         [COLOR="#FF0000"]url('http://www.runningwebtest.altervista.org/scriptin_0-webfont.ttf')[/COLOR] format('truetype'),
         url('scriptin_0-webfont.svg#scriptinaregular') format('svg');
    font-style: normal;}

e inseriso la regola, per impostare il titolo con il Font desiderato:

#pageHeader h1 { margin: -75px; padding : 0; font-family: 'scriptinaregular' ; 
font-size: 98px; font-color : #444444; font-weight: normal; }

Purtroppo, senza risultato, indi mi sono rivolta a Voi per risolvere gli errori di procedura.

Grazie in ogni caso


Claranna

 

[borgo italia]

ciao
prova a dare un occhio qui
https://www.mrw.it/css/font-face-utilizzare-caratteri-personalizzati_11048.html

 

[Claranna]

Grazie

per la celere risposta!
Mi pare però che il mio codice sia conforme alla istruzioni della pagina riportata.
... Resta quindi un problema insoluto, purtroppo. =/

 

[borgo italia]

ciao
visto cosi infatti mi sembra che non ci sia nulla da dire.
guarda anche http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp, soprattutto per i tipi supportati.
non so dirti molto di più anche perche per ora ho usato molto poco font-face.
comunque un consiglio quando non si capisce dove uno script si inghippi:
semplifica al massimo usando solo un font e senza altri attibuti, provi e se funzia pian piano aggiungi un'altro font o attributo.
in questa maniera dovresti riuscire a capire dove è il possibile errore o imprecisione

edit
mi sembra che potresti dare un occhio qui
http://www.fontsquirrel.com/tools/webfont-generator
da quello che ho capito (maledetto inglese) genera lo script per un dato tipo di font, quindi puoi provare a vedere con il tuo font cosa ti restituisce