Is there a Vuetify class to make text non-italic?

61 Views Asked by At

Vuetify 3 offers several classes to style font in different weights of bold and italic. But there does not seem to be a class that is equivalent to the CSS directive "font-style: normal;"

See the docs here: https://next.vuetifyjs.com/en/styles/text-and-typography/

Am I missing something?

Why do you need this, you might ask. Let me explain: I try write semantic HTML and thus I'm using em to highlight important words or phrases. But em is styled as italic on most browsers by default. I want to style it bold and colored instead, but not italic. So I need to overwrite this default style.

Is there any way to do this with Vuetify classes or is plain CSS the way to go here?

0

There are 0 best solutions below