Pergunta sobre como corrigir o WordPress do WordPress: CSS para mais drama italiano

Um usuário perguntou ?

A fonte que meu tema usa em itálico não é exibida muito bem; você dificilmente vê Existe algum código que eu possa incluir em uma folha de estilo para adicionar itálico?

(@gappiah)

3 anos, 6 meses atrás

Com qualidade estilo de fonte em CSS, o estado itálico não pode ser personalizado.

O ângulo da fonte do texto em itálico é determinado pela fonte que você está usando (e, em menor grau, pelas idiossincrasias de um único navegador). E observe que algumas fontes não possuem a versão em itálico.

Portanto, se o ângulo de inclinação for sua principal preocupação, sua melhor aposta é mudar para uma nova fonte que tenha saúde mais proeminente.

Se isso não for uma opção, você pode usar as propriedades “skew” do CSS3 para aplicar uma classe a itálico (com uma ressalva, veja abaixo).

Aqui está algum código CSS de amostra (personalizado de esta pergunta do 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);
}

Agora você precisa se lembrar de adicionar essa classe a qualquer texto que queira que fique em itálico, como:

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

Agora a ressalva que mencionei:

Isso não ficará tão bom quanto uma fonte em itálico real. Isso não funcionará em navegadores mais antigos que não suportam vieses CSS3. A propriedade de viés CSS3 parece funcionar apenas em elementos blockchain. Isso significa que você não pode aplicar esse inline a parte de um elemento e manter o restante do elemento unitalizado.

Agora, se seu objetivo for mais amplo: para focar a atenção e agarrá-la, não apenas aumentar o ângulo de inclinação – você pode explorar outras maneiras de fazer isso (por exemplo, tornar o texto mais forte, alterar a cor ou o plano de fundo, aumentar o tamanho da fonte etc.).

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *