@umbraco-ui/uui-css
Version:
Umbraco UI css component
113 lines (93 loc) • 2.82 kB
CSS
/*
Lato
Light: font-weight: 300;
Regular: font-weight: normal;
Bold: font-weight: bold;
Black: font-weight: 900;
*/
/* Webfont: LatoLatin-Black */
@font-face {
font-family: 'Lato';
src: local('LatoLatin Black'), local('LatoLatin-Black'),
url('../assets/fonts/lato/LatoLatin-Black.woff2') format('woff2');
font-style: normal;
font-display: swap;
font-weight: 900;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-BlackItalic */
@font-face {
font-family: 'Lato';
src: local('LatoLatin BlackItalic'), local('LatoLatin-BlackItalic'),
url('../assets/fonts/lato/LatoLatin-BlackItalic.woff2') format('woff2');
font-style: italic;
font-weight: 900;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Bold */
@font-face {
font-family: 'Lato';
src: local('LatoLatin Bold'), local('LatoLatin-Bold'),
url('../assets/fonts/lato/LatoLatin-Bold.woff2') format('woff2');
font-style: normal;
font-weight: 700;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-BoldItalic */
@font-face {
font-family: 'Lato';
src: local('LatoLatin BoldItalic'), local('LatoLatin-BoldItalic'),
url('../assets/fonts/lato/LatoLatin-BoldItalic.woff2') format('woff2');
font-style: italic;
font-weight: 700;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Italic */
@font-face {
font-family: 'Lato';
src: local('LatoLatin Italic'), local('LatoLatin-Italic'),
url('../assets/fonts/lato/LatoLatin-Italic.woff2') format('woff2');
font-style: italic;
font-weight: 400;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Regular */
@font-face {
font-family: 'Lato';
src: local('LatoLatin Regular'), local('LatoLatin-Regular'),
url('../assets/fonts/lato/LatoLatin-Regular.woff2') format('woff2');
font-style: normal;
font-weight: 400;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Light */
@font-face {
font-family: 'Lato';
src: local('LatoLatin Light'), local('LatoLatin-Light'),
url('../assets/fonts/lato/LatoLatin-Light.woff2') format('woff2');
font-style: normal;
font-weight: 300;
font-display: swap;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-LightItalic */
@font-face {
font-family: 'Lato';
src: local('LatoLatin LightItalic'), local('LatoLatin-LightItalic'),
url('../assets/fonts/lato/LatoLatin-LightItalic.woff2') format('woff2');
font-style: italic;
font-weight: 300;
font-display: swap;
text-rendering: optimizeLegibility;
}
.uui-font {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: calc(var(--uui-size-2,6px) * 4);
-webkit-font-smoothing: antialiased;
}