Well I fixed the problem, but comparing an old working style.css and current style.css this definately wasnt the cause but heres the fix in case it happens to others. first off i inspected elements and found the main pages primary sidebar was using a different font then the same sidebar on rest of pages, also the linehight (line spacing) visually looked different, so here are changes i made to the style.css to get it looking the same.
Original code:
#heatmapthemead-primary-sidebar .widget {margin-bottom: 15px;}
Fixed code:
#heatmapthemead-primary-sidebar .widget {
line-height: 1.5; font-family: arial; font-size: 1.1em; margin-bottom: 15px;}
All I can think of is that the inherant font family was somehow changed maybe through adding an incompatible plugin.
Hope this helps someone else.