Hi. I have a problem with lists’ style. Each time I make a list, the text font become weirdly wide. I inspect the whole div and always fail to identify the source of that style. I inserted a p tag inside the li, which solved the problem for the li, but the list numbers still has that weird style. Any solution?
[Content Hidden]
Hey Avnmer,
That’s because the font-family for the paragraph tags and the body tag are different. You’re using ‘Open Sans Condensed’ for your paragraph tags while the body tag is using “Open Sans”, Helvetica, Arial, Verdana, sans-serif. Anything inside the body tag which are not assigned a font-family inherits it. This is controlled by your theme. I’m not sure if there is a place to change it but using this CSS snippet should take care of it.
html body {
font-family: ‘Open Sans Condensed’;
}
Ben
Thanks Ben, it helped, but it brings me to a bigger problem I have. I am using a plugin of google fonts, but it is not working on IE/Edge. I know that they compatible with eot, so I have deactivated the plugin and tried to use font face with self hosted font. I still didn’t put a eot version (but ttf), and I notice that it is not working even in chrome. any suggestions why font face isn’t working?
this is my piece of code:
@font-face {font-family: 'open sans condensed';
src: url('http://www.bobo.media-buzz.net/wp-content/themes/mustang-lite/assets/font/opensansenglish/OpenSans-CondLight.ttf');
}
Thanks 
Hey Avnmer,
The only thing I could think of is maybe the font in that directory does not exist? Sorry but this is a bit beyond what we support here.
Ben
It exists, but thank anyways
Generally, beaver plugin is OK with font face? (I’ve seen more threads here on fonts issues)
Hey Avnmer,
Yes, the font-face should be fine with BB. There might be something wrong with the element you are targeting though.
Ben