canvas e font-family

**io_89** · 25-07-2011, 13:48

Salve a tutti. Posto quì perchè penso che il problema sia nel codice javascript. Sto provando per la prima volta ad utilizzare canvas ed ho un problema nel momento in cui inserisco il testo. Per farla breve se imposto un font-family non mi accetta più la dimensione del carattere.

codice:

@font-face {
    font-family: 'MyriadProRegular';
    src: url('/fonts/myriadpro-webfont.ttf') format('truetype');
	}

...

scritta.font = "20pt 'MyriadProRegular'" ;
	scritta.textAlign = "center";
	scritta.textBaseline = "middle";
	scritta.fillStyle = "rgb(218, 165, 32)";
	scritta.fillText(titolo1, 128, 28, 240);

"20pt" viene completamente ignorato e stampa in una dimensione illegibile. Stessa cosa se provo a specificare la dimensione in px o em. Please help

**echoweb** · 26-07-2011, 11:40

Ciao,

qui c'è un esempio che ho usato.
Spero ti possa dare uno spunto su come modificare quello che hai scritto tu.
Forse la sintassi che hai usata non va bene.

codice:

<html>
<head>
<style>
@font-face { 
	font-family: 'edwardian script itc';
	src: url('ITCEDSCR.TTF') format('truetype');
	}

p 	{
	font-family: 'edwardian script itc';
	font-size:20pt;
	}
</style>

</head>
<body>

<p class='scritta'>test</p>
</body>

</html>

Discussione: canvas e font-family

Strumenti discussione

Ricerca discussione

Visualizza

canvas e font-family

Permessi di invio