Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Ma quanto è "facile" cambiare i Font?!?!

    Ciao a tutti e grazie in anticipo a chi avrà il tempo e la cortesia di darmi una mano.
    Problemino con i Font.
    Vorrei sostituire alcuni Font "Standard" del mio sito con altri "personalizzati".
    Ho provato a documentarmi ed ho provato ad usare @FontFace, ma la teoria è una cosa e la pratica purtroppo un'altra.
    Dopo aver convertito il Font TTF in EOT per IE ed aver copiato entrambi (TTF & EOT)
    nella cartella principale del mio sito, ho aggiunto queste righe:

    <title>@font-face</title>

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

    Il problema...è...DOVE?????
    in allegato trovate i due file INDEX (a proposito, perchè DUE???)del mio sito.
    Stando alla "teoria" andava scritto in <head> e da alcuni esempi che ho trovato, dopo

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">.

    Così ho fatto ma...niente.
    Qualunque suggerimento sarà davvero moooolto apprezzato.
    Grazie

    C'è un motivo per cui in un forum html non si possono allegare file html?
    Come faccio per MOSTRARVI di cosa stiamo parlando?
    Se ci fosse qualche anima buona posso inviare gli "index" via mail...

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    La prima parte è sbagliata; la devi scrivere cosi:

    codice:
    @font-face {font-family: NeogreyRegular;src: url(' NeogreyRegular.eot');/*IE. le virgolette in font-family NON servono*/
    src: local('NeogreyRegular'), url('NeogreyRegular.ttf');/*non-IE*/
    ovviamente il percorso dei font-file deve essere corretto.
    Se ad esempio il file css risiede in una cartella, per il codice sopra il font-file deve essere nella stessa cartella del file css.

    Per richiamare il font in un particolare o generale contenitore, si usa fare cosi:

    codice:
    body,#divEsempio  /*puoi mettere tutto quello che vuoi*/{
    	font-family:"NeogreyRegular";
    	font-size: 26px;
    	font-weight: bold;
    	ecc.....}
    Conviene mettere il tutto in un file css esterno rispetto al file html, perché altrimenti ci si incasina tutto.

    Un esempio la trovi QUI

    Per una bella risata vai QUI

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.