Home / Questions / 7532
Accepted
Jordi Castilla
Asked: 2020-04-12 11:51:46 +0800 CST 2020-04-12 11:51:46 +0800 CST

Change effect of a font

  • 772

I have a wordpress with a theme in which I want to customize a title that I want to look like this :

Title

But the source looks like this :

enter image description here

I have manually assigned the font it uses and other css effects:

.text--superior {
    margin-bottom: 15px !important;
    font-size: 59px;
    font-family: "Herr Von Muellerhoff" !important;
}

I've also tried text-transformbut it doesn't work

How do I get rid of the excess italics that the font currently has?

You can find here a page to test

html

1 Answers

  1. Best Answer

    The style of the font is determined by the property font-style, this is what determines what is in the itálica. The initial state is normalso all text should be displayed without italics unless

    • A child element is modifying it
    • A style with more specificity is being applied
    • Is set to inheritand is inheriting the value of a parent element

    In your case there is a child element modifying it

    element modifying style

    Just remove the element <em>or create a class and apply it to it

    em.estilo-normal {
   font-style: normal;
}

<em class="estilo-normal">Esencia Rústica</em>

    or you could tell him that he inherited from his father that he already brings it innormal

    em.estilo-normal {
    font-style: inherit;
}

<em class="estilo-normal">Esencia Rústica</em>

    Please do not use!important if it is not strictly necessary. It's always considered bad practice and it's nothing that classes that have more specificity can't fix .

    • 3