Problemi con Font Face

5 contenuti / 0 new
Ultimo contenuto
Problemi con Font Face

Salve a tutti, ho un enorme problema con la regola font-face...
Ho seguito numerose guide e tutorial, tutti che davano le stesse istruzioni, e ho così proceduto...
1-Ottenuto tutte le varianti del file del font scelto (BankGothic Md BT) utilizzando fontsquirrel;
2-Caricato i vari file (eot, woff ecc...) in una cartella "font" all'interno di quella "files"... il percorso quindi è "/sites/default/files/font/nomefile"...;
3-Nel file style.css del tema, ho inserito questo codice...

@font-face {
font-family: BankGothic Md BT;
src: url(/sites/default/files/font/2527798990-webfont.eot?) format('embedded-opentype'),
url(/sites/default/files/font/2527798990-webfont.woff2) format('woff2'),
url(/sites/default/files/font/2527798990-webfont.woff) format('woff'),
url(/sites/default/files/font/2527798990-webfont.ttf) format('truetype'),
url(/sites/default/files/font/2527798990-webfont.svg#bankgothic_md_btmedium') format('svg');
font-weight: normal;
font-style: normal;
}

in nessun tutorial precisavano in quale parte del file scrivere ciò... dicevano solo di metterlo nel file di stile... io l'ho messo all'inizio come prima cosa, subito dopo /*WhiteJazz layout */ ... prim'ancora di "body"... e qui chiedo: è sbagliato il codice inserito? E ancora: è sbagliato averlo inserito così all'inizio, c'è un punto specifico del file in cui inserirlo?? ...;

4-Nel file style.css del tema, ho scritto il nome del file BankGothic Md BT (le guide si raccomandavano che fosse l'esatto nome del file, lo stesso scritto nel font-family del codice font-face) nella parte tipography... in questo modo:

/* typography */

body {
font-size: 82%;
font-family: BankGothic Md BT, Arial, Verdana;

5-Sul sito, nelle impostazioni del tema (Whitejazz) ho selezionato nel campo "Font Family" l'opzione "Custom (specify below)"... poi subito sotto nel campo "Custom Font-Family Setting" ho scritto "BankGothic Md BT, Arial, Verdana"... subito sotto ho scritto nel campo "Path to Custom Stylesheet" il seguente percorso "sites/all/themes/whitejazz/style.css", come drupal stesso suggerisce nella didascalia... infine l'opzione "Include Custom Stylesheet" è spuntata...;
6-Terminato tutto, ho svuotato le cache.

Ora, stando alle varie guide che ho cercato, ciò dovrebbe consentire di visualizzare su qualsiasi computer i testi con il carattere predefinito BankGothic Md BT anche se nel pc non è installato quel font, poiché viene attinto dal web server... il problema però è questo: il carattere BankGothic Md BT compare solo visualizzando il sito da un pc nel quale il font è installato... nell'altro pc, dove questo font non è installato, tutto ciò che dovrebbe essere scritto in BankGothic Md BT appare in Arial, che è il carattere "di riserva" indicato sia nella parte typography del file style.css sia nelle impostazioni del tema...
Come posso fare in modo che il carattere giusto compaia in TUTTI i dispositivi a prescindere dal fatto che sia installato o meno nel computer??? Purtroppo è molto importante riuscire a risolvere questo problema, ho provato davvero di tutto ma non riesco proprio a capire cosa sto sbagliando...
Grazie infinitamente fin da ora a chiunque potrà/vorrà soccorrermi in questa situazione di stallo in cui mi trovo!!!

Drupal Version:

Per favore qualcuno mi aiuti, sto continuando ogni giorno a cercare una soluzione su internet ma non riesco a cavarne nulla... è una cosa un pò importante

Meggis (non verificato)
Ritratto di Anonimo

Ciao, tu dici

3-Nel file style.css del tema, ho inserito questo codice...

@font-face {
font-family: BankGothic Md BT;
src: url(/sites/default/files/font/2527798990-webfont.eot?) format('embedded-opentype'),

bene, tuttavia che io sappia, il percorso non è corretto, lo potrai verificare premendo F12 quando visiti il tuo sito (tab Network con chrome) Secondo me deve essere:

src: url('font/2527798990-webfont.eot') format('embedded-opentype'),

e la cartella font la metti nel tema.

Meggis (non verificato)
Ritratto di Anonimo

Aggiungo, poi chiudo perchè no ho testato il codice ma so per esperienza:

4-Nel file style.css del tema, ho scritto il nome del file BankGothic Md BT
va cosi tra le virgolette:

font-family: "BankGothic Md BT", Arial, Verdana;

Ciao

GRAZIEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! FUNZIONAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA!!!!!!!!!

Chiedo scusa per la diciamo "esuberanza", ma davvero mi hai risolto un problema enorme!!!! Erano settimane, parecchie, che non ne venivo a capo, cominciavo a dir la verità a perderci le speranze, meno male che ho pensato di guardare se qualcuno avesse per caso scritto qualcosa qui, ultimamente nemmeno stavo più tenendo d'occhio il post!!!! Grazie mille davvero, mi hai insegnato una cosa utilissima che proprio non riuscivo a fare, non capendo l'origine dell'errore. Grazie, grazie, ancora grazie! Ti direi "a buon rendere", ma tu sei chiaramente più esperto di me quindi dubito possa mai capitare occasione in cui io sappia esserti d'aiuto, comunque il pensiero c'è :-)
Grazie, a presto! :-)