HTML / CSS - Come importare un font ttf dentro una pagina html e usarlo

28/06/10 12:01

Vorrei importare un font tff, proprio come fa questo sito 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:

<style> 
		<!--
		
			@font-face {
				font-family: 'PusabRegular';
				src: url('fonts/PUSAB___.eot');
				src: local('Pusab'), url('fonts/PUSAB___.woff') format('woff'), url('fonts/PUSAB___.ttf') format('truetype'), url('fonts/PUSAB___.svg#Pusab') format('svg');
			}

...

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 ?

aaa

28/06/10 13:02

Mte90

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.

aaa

28/06/10 13:02

cassin.simone

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: tinyurl.com/…

aaa

28/06/10 14:25

fabriziorocca

Scusate, avevo usato termini di ricerca completamente differenti, del genere "come importare un font in una pagina web"

aaa

28/06/10 14:39

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.

aaa

28/06/10 17:42

cassin.simone

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...