font del testo Render con Javascript, canvas e VML

JavaScript Aggiungi commenti

Link: Typeface

Sulla rendering del testo è in genere attraverso il CSS, il browser chiama il tipo di carattere locale rendering direttamente sul testo. Tuttavia, quando il locale non è il tipo di carattere appropriato, gli effetti intero layout di pagina e rischiano di essere colpiti.

Per risolvere questo problema, alcuni siti web il modo per l'uso di immagini per il formato del testo incorporato nelle immagini fatte del sito. Ma poi una serie di problemi emersi, quando il contenuto on cambiamento and to use aveva PS o FW Lai modifica ad una immagine, che aveva You modificare il trouble Biande, while the su SEO ha avuto un impact because great il picture su il search motore non è molto amichevole, e il testo non può scegliere di non copiare altre operazioni (di un corso a volte in modo da copyright, anche bisogno di questa funzione)

C'è stata una chiamata in seguito sIFR d'Oriente, attraverso un testo specifico rendering Flash. Dopo il rendering del testo può essere selezionato operazione di replica. C'è bisogno di alcuni limiti sul sostegno browser Flash.

Typeface è oggi utilizzata da JS <canvas> e VML rendering del testo. Flash fuori dei limiti è molto conveniente per l'utilizzo della modifica

<script src="typeface-0.10.js" type="text/javascript"></script>
<script src="helvetiker_regular.typeface.js" type="text/javascript"></script>
<div class="myclass typeface-js" style="font-family: Helvetiker">
Text here in Helvetiker font...
</div>

Browser supportati: Firefox 1.5 +, Safari 2 +, Internet Explorer 6 +

Certo, ha anche alcune limitazioni: in genere utilizzato per il rendering della testa e del titolo, se Corpo di rendering del testo, la velocità sarà molto lento; inutile per conseguire: hover pseudo-selettore che: è presente il supporto per la scelta delle parole non è molto buona (naturalmente questo non è un impatto sul SEO)

Ci Demo

  • Bookmark

Nessun post.

Related posts portato a voi da Yet Another Related Posts Plugin .

Lasci una risposta


WP Theme & Icons da N. Design Studio
Entrate di RSS RSS Commenti Login