Add material icons fonts

pull/1/head
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');
}

3
css/import.css vendored

@ -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
Loading…
Cancel
Save