ng-implementation/airwatch/.storybook/preview-head.html
2025-09-09 14:43:57 +02:00

138 lines
3.1 KiB
HTML

<style type="text/scss">
// Thin (100)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
// Extra Light (200)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
// Light (300)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
// Regular (400)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
// Medium (500)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
// Semi Bold (600)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
// Bold (700)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
// Extra Bold (800)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
// Black (900)
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Barlow';
src: url('fonts/Barlow/Barlow-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
</style>