roboto font

This commit is contained in:
Adam Bradley
2015-08-13 00:27:49 -05:00
parent 2510707ef4
commit 4aab881b01
12 changed files with 49 additions and 2 deletions

View File

@@ -88,3 +88,7 @@ ion-app {
bottom: -0.25em;
}
}
body[mode=md] ion-app {
font-family: "Roboto", "Helvetica Neue", sans-serif;
}

View File

@@ -4,8 +4,7 @@
@font-face {
font-family: $ionicons-font-family;
src:url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype"),
url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
url("#{$ionicons-font-path}/ionicons.svg?v=#{$ionicons-version}#Ionicons") format("svg");
url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
font-weight: normal;
font-style: normal;
}

BIN
ionic/fonts/roboto-bold.ttf Normal file
View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

37
ionic/fonts/roboto.scss Normal file
View File

@@ -0,0 +1,37 @@
/**
Roboto Font
Google
Apache License, version 2.0
http://www.apache.org/licenses/LICENSE-2.0.html
*/
$roboto-font-path: "../fonts" !default;
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(#{$roboto-font-path}/roboto-light.ttf) format('truetype'), url(#{$roboto-font-path}/roboto-light.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(#{$roboto-font-path}/roboto-regular.ttf) format('truetype'), url(#{$roboto-font-path}/roboto-regular.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(#{$roboto-font-path}/roboto-medium.ttf) format('truetype'), url(#{$roboto-font-path}/roboto-medium.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(#{$roboto-font-path}/roboto-bold.ttf) format('truetype'), url(#{$roboto-font-path}/roboto-bold.woff) format('woff');
}

View File

@@ -30,5 +30,12 @@ $ionicons: true !default;
}
// Roboto
$roboto: true !default;
@if ($roboto) {
@import "fonts/roboto";
}
// Platforms
@import "platform/cordova";