mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
roboto font
This commit is contained in:
@@ -88,3 +88,7 @@ ion-app {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
body[mode=md] ion-app {
|
||||
font-family: "Roboto", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
@@ -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
BIN
ionic/fonts/roboto-bold.ttf
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-bold.woff
Normal file
BIN
ionic/fonts/roboto-bold.woff
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-light.ttf
Normal file
BIN
ionic/fonts/roboto-light.ttf
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-light.woff
Normal file
BIN
ionic/fonts/roboto-light.woff
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-medium.ttf
Normal file
BIN
ionic/fonts/roboto-medium.ttf
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-medium.woff
Normal file
BIN
ionic/fonts/roboto-medium.woff
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-regular.ttf
Normal file
BIN
ionic/fonts/roboto-regular.ttf
Normal file
Binary file not shown.
BIN
ionic/fonts/roboto-regular.woff
Normal file
BIN
ionic/fonts/roboto-regular.woff
Normal file
Binary file not shown.
37
ionic/fonts/roboto.scss
Normal file
37
ionic/fonts/roboto.scss
Normal 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');
|
||||
}
|
||||
@@ -30,5 +30,12 @@ $ionicons: true !default;
|
||||
}
|
||||
|
||||
|
||||
// Roboto
|
||||
$roboto: true !default;
|
||||
@if ($roboto) {
|
||||
@import "fonts/roboto";
|
||||
}
|
||||
|
||||
|
||||
// Platforms
|
||||
@import "platform/cordova";
|
||||
|
||||
Reference in New Issue
Block a user