It’s not different font, it’s just image. But you can do a title with any font using css and simple HTML for title.
angular.module('app.controllers', [])
.controller('HomeCtrl', '[$scope', function ($scope) {
$scope.navTitle = '<img class="your-css-class" src="your-logo" />';
}])
In nav-view
add this
<ion-view title="{{navTitle}}">
your {{navTitle}} will be replaced by your logo. If you want to use different font for title, use something like this
<span class="your-logo-css">Your Title</span>
CSS
@font-face {
font-family: 'AnyFonts';
src: url('../fonts/montserrat-regular-webfont.eot');
src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat-regular-webfont.woff') format('woff'),
url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
url('../fonts/montserrat-regular-webfont.svg#Montserrat') format('svg');
font-weight: normal;
font-style: normal;
}
.your-logo-css {
font-family: AnyFonts;
}
Use FontSquirrel to create webfont
i will create in codepen later