2011-11-03 15 views
9

Ero curioso di sapere se è possibile influire sul testo in corsivo con un po 'di inclinazione con i CSS? Se è così, come può essere realizzato?Aggiunta di testo più inclinato al corsivo

+2

magari con CSS3 scew, ma diverso da quello che si basa sull'attuazione del browser. –

risposta

11

È possibile simulare un'inclinazione personalizzata con le trasformazioni di inclinazione CSS3 (anche se non avrà l'aspetto di un carattere in corsivo reale).

Ecco un esempio:

HTML:

<p class="slant">Some text</p> 

CSS

.slant { 
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
} 
+0

Apprezzo la tua menzione che questo non farà apparire un font buono come un corsivo normale. Buona soluzione, pure. – kevincoleman

3

Con lo standard font-style in CSS, non è possibile personalizzare lo stato italic.

Questo dipende dalle preferenze del browser e dallo stato in corsivo dei caratteri.

+2

"Puramente" fino al browser? Non ha niente a che fare con il font stesso? –

+0

Un buon punto, ha corretto la mia risposta – Curt