Un usuario preguntó 👇
La fuente que usa mi tema en cursiva no se muestra muy bien; apenas ves. ¿Hay algún código que pueda incluir en una hoja de estilo para agregar en cursiva?
(@gappiah)
Hace 3 años, 6 meses
Con calidad Estilo de fuente en CSS, el estado de cursiva no se puede personalizar.
El ángulo de fuente del texto en cursiva está determinado por la fuente que está utilizando (y en menor medida, la idiosincrasia de un solo navegador). Y tenga en cuenta que algunas fuentes no tienen la versión en cursiva.
Por lo tanto, si el ángulo de inclinación es su principal preocupación, lo mejor que puede hacer es cambiar a una nueva fuente que tenga una salud más prominente.
Si esta no es una opción, puede usar las propiedades de «sesgo» de CSS3 para aplicar una clase a las cursivas (con alguna salvedad, ver más abajo).
Aquí hay un código CSS de muestra (personalizado de esta pregunta de StackOverflow):
.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);
}
Ahora debe recordar agregar esta clase a cualquier texto que desee que esté en cursiva, como por ejemplo:
<p class="slant">Some text</p>
Ahora la advertencia que mencioné:
Esto no se verá tan bien como una fuente en cursiva real. Esto no funcionará en navegadores más antiguos que no admiten sesgos de CSS3. La propiedad de sesgo de CSS3 parece funcionar solo en elementos de blockchain. Esto significa que no puede aplicar esto en línea a parte de un elemento y mantener el resto del elemento sin cursiva.
Ahora, si su objetivo es más amplio: para enfocar la atención y agarrarlo, no solo aumentar el ángulo de inclinación – entonces podría explorar otras formas de hacer esto (por ejemplo, hacer que el texto sea más fuerte, cambiar el color o el fondo, aumentar el tamaño de la fuente, etc.).
¿Solucionó tu problema??
0 / 0