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
risposta
È 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);
}
Apprezzo la tua menzione che questo non farà apparire un font buono come un corsivo normale. Buona soluzione, pure. – kevincoleman
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.
"Puramente" fino al browser? Non ha niente a che fare con il font stesso? –
Un buon punto, ha corretto la mia risposta – Curt
- 1. Corsivo testo contenente un collegamento
- 2. araba corsivo
- 3. Aggiunta di più testo svg con d3
- 4. Rendi il testo in grassetto e corsivo
- 5. Come in corsivo il testo all'indietro?
- 6. Aggiunta di testo al centro di un D3 Donut grafico
- 7. Pulsanti bordo inclinato
- 8. Aggiunta di collegamento ipertestuale al testo in JQuery
- 9. JavaScript - aggiunta di stile al testo del log della console
- 10. Come creare una casella di testo e un'etichetta con il bordo inclinato?
- 11. Nvd3.js - Aggiunta di più assi y al grafico cumulativo
- 12. corsivo parziali, axis.text.x
- 13. Aggiunta di giorni al calendario
- 14. Aggiunta di testo dinamico sull'immagine
- 15. Come disegnare il testo in corsivo su tela Android?
- 16. Div con bordo inclinato usando CSS3?
- 17. Aggiunta di testo a un'icona di notifica
- 18. Aggiunta di testo a una trama grid.table
- 19. Utilizzo di più colori di testo nella vista testo di Android [Html.fromhtml()]
- 20. UILabel carattere corsivo ritaglio
- 21. Aggiunta di più record in Rails
- 22. Aggiunta di padding per il testo
- 23. valori aggiunta al arraylist
- 24. Aggiunta JPopupMenu al TrayIcon
- 25. Aggiunta di più condizioni in SetEnvIf
- 26. Inconsolata Corsivo in MacVim
- 27. formato ggplot annotazione corsivo
- 28. Aggiunta di "divisori di sezione" al mio layout?
- 29. carattere corsivo, grassetto e sottolineato su iPhone
- 30. Aggiunta di oggetti fittizi al progetto
magari con CSS3 scew, ma diverso da quello che si basa sull'attuazione del browser. –