Change effect of a font

Question

Change effect of a font

Navigation

#1 by (3 votes)

2

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

But the source is like this :

I have manually assigned the source that you use and other css effects:

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

I have also tried text-transform but it does not work either

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

You can find here a page to try

html5 html css

asked by Jordi Castilla 11.04.2016 в 21:51

source

1 answer

NSLayoutConstraint UIView margin Map in JavaScript, go through, get keys and values

score 3 · Accepted Answer

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

A child element is modifying it
A style with more specificity being applied
Set to inherit and inherit the value of a parent element

In your case there is a child element modifying it

You just have to delete the <em> element or create a class and apply it

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

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

Or you could tell him to inherit from his father who already brings him in normal

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 is always considered a bad practice and it is not something that can not be solved with classes that have higher specificity .