Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - Come importare un font ttf dentro una pagina html e usarlo
Forum - HTML / CSS - Come importare un font ttf dentro una pagina html e usarlo

Pagine: [ 1 2 ] Precedente | Prossimo
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 14:01
Lunedì, 28/06/2010
Vorrei importare un font tff, proprio come fa questo sito  http://html5test.com/

Ovvero quella pagina richiede un font ttf (PusabRegular) che è presente nel file del sito, e lo richiede in alcuni testi.

Penso che la parte del codice css sia questa:


Codice sorgente - presumibilmente HTML / CSS

  1. <style>
  2.                 <!--
  3.                
  4.                         @font-face {
  5.                                 font-family: 'PusabRegular';
  6.                                 src: url('fonts/PUSAB___.eot');
  7.                                 src: local('Pusab'), url('fonts/PUSAB___.woff') format('woff'), url('fonts/PUSAB___.ttf') format('truetype'), url('fonts/PUSAB___.svg#Pusab') format('svg');
  8.                         }
  9.  
  10. ...



Solo che non so come richiamare il font per utilizzarlo in un testo.

Ho già cercato su google e sul forum, solo che non ho trovato la soluzione, qualcuno saprebbe aiutarmi ?

PM Quote
Avatar
Mte90 (Member)
Guru


Messaggi: 1144
Iscritto: 25/03/2008

Segnala al moderatore
Postato alle 15:02
Lunedì, 28/06/2010
ci sono diverse guide su come usare font-face.
una volta inserito quel codice, nell'elemento dove vuoi cambiare il css devi mettere a font-family: PusabRegular.

PM Quote
Avatar
cassin.simone (Member)
Guru


Messaggi: 1051
Iscritto: 03/06/2009

Segnala al moderatore
Postato alle 15:02
Lunedì, 28/06/2010
Testo quotato

Postato originariamente da fabriziorocca:
Ho già cercato su google e sul forum, solo che non ho trovato la soluzione, qualcuno saprebbe aiutarmi ?


Molto strano, io ho trovato al primo colpo: http://tinyurl.com/29tnvqk

PM Quote
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 16:25
Lunedì, 28/06/2010
Scusate, avevo usato termini di ricerca completamente differenti, del genere "come importare un font in una pagina web"

PM Quote
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 16:39
Lunedì, 28/06/2010
Ok c'è l'ho fatta.

Adesso non riesco ad ingrandire la scritta che richiede quel font, che io metta "<font size="7"> oppure nel css "font-size: 100px;" la scrittura mi rimane sempre della stessa grandezza.

PM Quote
Avatar
cassin.simone (Member)
Guru


Messaggi: 1051
Iscritto: 03/06/2009

Segnala al moderatore
Postato alle 19:42
Lunedì, 28/06/2010
Testo quotato

Postato originariamente da fabriziorocca:

Ok c'è l'ho fatta.

Adesso non riesco ad ingrandire la scritta che richiede quel font, che io metta "<font size="7"> oppure nel css "font-size: 100px;" la scrittura mi rimane sempre della stessa grandezza.



Dopo il 100 c'è il 101
Prova a fare...
Codice sorgente - presumibilmente Plain Text

  1. font-size:250px;


...e poi vedi come regolarti...

PM Quote
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 19:49
Lunedì, 28/06/2010
Niente da fare, anche se metto 1000 la scrittura rimane della stessa grandezza

PM Quote
Avatar
cassin.simone (Member)
Guru


Messaggi: 1051
Iscritto: 03/06/2009

Segnala al moderatore
Postato alle 21:07
Lunedì, 28/06/2010
Testo quotato

Postato originariamente da fabriziorocca:

Niente da fare, anche se metto 1000 la scrittura rimane della stessa grandezza



Strano...potresti postare tutto il codice usato?

PM Quote
Avatar
fabriziorocca (Normal User)
Guru


Messaggi: 1162
Iscritto: 22/03/2009

Segnala al moderatore
Postato alle 21:30
Lunedì, 28/06/2010
Codice del css:

Codice sorgente - presumibilmente Plain Text

  1. @font-face {
  2. font-family: "Stop";
  3. src: url("http://fabrizioroccapc.altervista.org/font/Stop.css")
  4. font-size: 250px;
  5. }
  6.  
  7. body.stop {
  8. font-family: "Stop", Arial, sans-serif;
  9. font-size: 250px;
  10. }




codice della homepage che interessa:

Codice sorgente - presumibilmente HTML / CSS

  1. <font face="Stop">Prova</font>



E naturalmente importo il css nella homepage ma questo penso che sia inutile scriverlo:

Codice sorgente - presumibilmente Plain Text

  1. <link href="http://fabrizioroccapc.altervista.org/css/font_homepage.css" rel="stylesheet" type="text/css">


PM Quote
Pagine: [ 1 2 ] Precedente | Prossimo