@baris solved it. For some reason my tpl files were out of date.
can font setting in phpstorm overwrite css style
It seems when we embed google font from acp it works. But if we use google font in our style file it does not work well.
The weird thing I experienced is when I changed my font setting in phpstorm to "Ubuntu" and then I pushed my changes in git using built in plug-in in phpstorm and later udpated my live file, I found that my font-family was overwritten in body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
Any clue?? whats happening here ....