Ion Nav Bar Causing Issues

I’m having issues with my tabs and nav-bar. I noticed a white space between the nav bar and content, as well as my tabs being cut off (see the picture)

IMG956187|280x500

Once I remove the nav-bar from my index.html, the tabs appear fine and the white space is gone – as is the nav-bar. What am I doing wrong? How can I fix it?

<body ng-app="my_wp" ng-controller="indexCtrl" id="{{ page_id }}">
	<ion-nav-bar class="navbar-title bar-calm-900">
	</ion-nav-bar>
	<ion-nav-view>
	</ion-nav-view>

I removed the imported font-face in CSS and it fixed it. Whenever I import fonts I have, it creates that issue.