fonts not active on smartphone

I'm using this CSS to make a codey boxed label effect for text in a <span>.

But on the smartphone the font is not used. It is staying with the default font in the <p> tag.

Verdana is one I chose from in GP's system fonts list, observed in the drop-down under Customising > Typography. I assume I can use these without any special loading additions on my part.

I don't have the Typography pro module activated, but this would not be necessary?

.productSummary {
font-family: 'Verdana';
background: #85929E;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
border-radius: 5px;
color: #FDFEFE;
}

thanks,