Add material icons fonts
This commit is contained in:
parent
e76ef02454
commit
b017e10554
|
@ -1,4 +1,5 @@
|
|||
|
||||
/* Aileron*/
|
||||
|
||||
@font-face { font-family: "aileron"; font-style: italic; font-weight: 100; src: url("../media/fonts/aileron/aileron-thinitalic.eot"); src: url("../media/fonts/aileron/aileron-thinitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thinitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thinitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-thinitalic.ttf") format('truetype'); }
|
||||
|
||||
|
@ -27,3 +28,44 @@
|
|||
|
||||
@font-face { font-family: "aileron"; font-style: normal; font-weight: 900; src: url("../media/fonts/aileron/aileron-black.eot"); src: url("../media/fonts/aileron/aileron-black.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-black.woff2") format('woff2'), url("../media/fonts/aileron/aileron-black.woff") format('woff'), url("../media/fonts/aileron/aileron-black.ttf") format('truetype'); }
|
||||
|
||||
/* Material Icons */
|
||||
|
||||
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIcons-Regular.eot");
|
||||
src: local('Material Icons'), local('MaterialIcons-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIcons-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Outlined'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.eot");
|
||||
src: local('Material Icons Outlined'), local('MaterialIconsOutlined-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsOutlined-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Round'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsRound-Regular.eot");
|
||||
src: local('Material Icons'), local('MaterialIconsRound-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsRound-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Sharp'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsSharp-Regular.eot");
|
||||
src: local('Material Icons Sharp'), local('MaterialIconsSharp-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsSharp-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
||||
@font-face { font-family: 'Material Icons Two Tone'; font-style: normal; font-weight: 400;
|
||||
src: url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.eot");
|
||||
src: local('Material Icons Two Tone'), local('MaterialIconsTwoTone-Regular'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.woff2") format('woff2'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.woff") format('woff'),
|
||||
url("../media/fonts/material-icons/MaterialIconsTwoTone-Regular.ttf") format('truetype');
|
||||
}
|
||||
|
|
|
@ -1,12 +1,13 @@
|
|||
@import "fonts.css";
|
||||
@import "theme.css";
|
||||
@import "theme.update.css";
|
||||
@import "structure/text.css";
|
||||
|
||||
@import "structure/text.css";
|
||||
@import "structure/variables.css";
|
||||
@import "structure/button.css";
|
||||
@import "structure/link.css";
|
||||
@import "structure/background.css";
|
||||
@import "structure/icons.css";
|
||||
|
||||
@import "openaire.css";
|
||||
|
||||
|
|
|
@ -0,0 +1,44 @@
|
|||
/* Usage <span class="material-icons">search</span>
|
||||
Change font-size to resize the icon
|
||||
*/
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
/* Usage <span class="material-icons outlined">search</span> */
|
||||
.material-icons.outlined{
|
||||
font-family: 'Material Icons Outlined';
|
||||
}
|
||||
|
||||
/* Usage <span class="material-icons round">search</span> */
|
||||
.material-icons.round {
|
||||
font-family: 'Material Icons Round';
|
||||
}
|
||||
|
||||
/* Usage <span class="material-icons sharp">search</span> */
|
||||
.material-icons.sharp {
|
||||
font-family: 'Material Icons Sharp';
|
||||
}
|
||||
|
||||
/* Usage <span class="material-icons two-tone">search</span> */
|
||||
.material-icons.two-tone {
|
||||
font-family: 'Material Icons Two Tone';
|
||||
}
|
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue