[Symmetria]

Originally Posted by RbnJrg

Maybe you are doing something wrong. I used this code without any issue:

h1 {
   font-family: "Arial", sans-serif;
   text-align: center;
   margin-bottom: 1em;
}

h2 {
   width: 70%;
   font-family: serif;
   font-style: italic;
   text-align: center;
   margin: 0 auto 1em auto;
   padding: 1em;
   border: 7px double black;
   -webkit-border-radius: 25px;
}

p {
   text-indent: 0; 
   text-align: justify;
   font-family: serif;
}

.boldss {
   font-family: "Arial", sans-serif;
   font-weight: bold;
}

Thanks Ruben, that helped, I managed to pinpoint what the "mistake" was!

Apparently, you must specify at least one font for sans-serif to work. If you just use the generic
{font-family: sans-serif;}
, as I did in my case, it gets disregarded.

After seeing your code, I specified Arial as the to-go-first font, and now sans-serif is working.

At least that's how it works on the Previewer.

Out of curiosity, I see you have an actual device, so would you mind testing whether just declaring {font-family: sans-serif;} would work on that?

Thanks again