org-media-sass/font-library/_work-sans.sass

122 lines
2.8 KiB
Sass

// File: _work-sans.sass
@use '../.config' as config
$font-path: '#{config.$base-path}/work-sans/static'
// Regular
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Regular.ttf') format('truetype')
font-weight: normal
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Italic.ttf') format('truetype')
font-weight: normal
font-style: italic
// Thin
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Thin.ttf') format('truetype')
font-weight: 100
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-ThinItalic.ttf') format('truetype')
font-weight: 100
font-style: italic
// ExtraLight
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-ExtraLight.ttf') format('truetype')
font-weight: 200
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-ExtraLightItalic.ttf') format('truetype')
font-weight: 200
font-style: italic
// Light
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Light.ttf') format('truetype')
font-weight: 300
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-LightItalic.ttf') format('truetype')
font-weight: 300
font-style: italic
// Medium
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Medium.ttf') format('truetype')
font-weight: 500
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-MediumItalic.ttf') format('truetype')
font-weight: 500
font-style: italic
// SemiBold
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-SemiBold.ttf') format('truetype')
font-weight: 600
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-SemiBoldItalic.ttf') format('truetype')
font-weight: 600
font-style: italic
// Bold
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Bold.ttf') format('truetype')
font-weight: bold
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-BoldItalic.ttf') format('truetype')
font-weight: bold
font-style: italic
// ExtraBold
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-ExtraBold.ttf') format('truetype')
font-weight: 800
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-ExtraBoldItalic.ttf') format('truetype')
font-weight: 800
font-style: italic
// Black
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-Black.ttf') format('truetype')
font-weight: 900
font-style: normal
@font-face
font-family: 'Work Sans'
src: url('#{$font-path}/WorkSans-BlackItalic.ttf') format('truetype')
font-weight: 900
font-style: italic