Hey, WordPress web developer :)

Check out WPMU DEV

New to the community? Start here

.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.

Thanks,
Jeff

Vaughan
- Support MockingJay: Earn your WPMU DEV membership
- 3,086 pts: Hero points 22,931 pts: Rep. points LEVEL 30
Hi @jeff arnold,

Is this a custom font? or do you mean verdana?

Try this:
```
.wp-tiles-tile-with-image .wp-tiles-byline-title {
color:#fff !important;
font-family: 'Verdana', Geneva, sans-serif !important;
font-size:16px !important;
}
```
The cases of the font name are important. so Verdana not verdana.

Hope this helps
jeff arnold
- The Incredible Code Injector: Earn your WPMU DEV membership
- 105 pts: Hero points 356 pts: Rep. points LEVEL 5
Great info. Thanks.
What is the importance of the 'Geneva, sans-serif info after 'Veranda'?
Jeff
Vaughan
- Support MockingJay: Earn your WPMU DEV membership
- 3,086 pts: Hero points 22,931 pts: Rep. points LEVEL 30
Hi,

Verdana is a member of the sans-serif family of fonts, so those are fallbacks incase Verdana doesn't work at all which are all sans-serif fonts so look pretty similar,

Hope this helps
jeff arnold
- The Incredible Code Injector: Earn your WPMU DEV membership
- 105 pts: Hero points 356 pts: Rep. points LEVEL 5
Ok. Thanks for the info.

Jeff