How use a custom fonts


#1

In my case i want to use Open Sans on my application but it can load on phone.
how do i do ?


#2

What have you tried? I’d probably pull it from Google, or download the web font directly for offline use.


#3

In your css:

@font-face {
    font-family: 'open-sans';
    src: url('/path/to/fonts/folder/from/this/css/file/openSans.eot');
    src: local('open-sans'), url('./path/to/fonts/folder/from/this/css/file/openSans.woff') format('woff'), url('/path/to/fonts/folder/from/this/css/file/openSans.ttf') format('truetype');
}

p{
    font-family: open-sans;
}