.css issue - font not being recognized

Working on a client site: http://beeghly.wpengine.com/.

Front page - tiles have a title below them.

I am trying to get the font in those spaces to be recognized as 'veranda' (or a Google font equivalent - Ubuntu?). I have this code in the custom .css section:
.wp-tiles-tile-with-image .wp-tiles-byline-title {color:#fff !important; font-family: 'arial' !important; font-size:16px !important;}

When I change to anything but 'arial' it defaults to Time New Roman, which makes me believe that I have the right code, but for some reason the system is not recognizing 'veranda' as a valid font.

Any/all help appreciated.