/********************* * TYPOGRAPHY *********************/ // fonts // @font-face { // ultra light // font-family: 'ITCAvantGardePro-XLt'; // src: url('#{$font-path}mywebfonts/webFonts/ITCAvantGardePro-XLt/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/ITCAvantGardePro-XLt/font.woff') format('woff'); // } // @font-face { // medium // font-family: 'AvantGardeGothicITCW01Md'; // src: url('#{$font-path}mywebfonts/webFonts/AvantGardeGothicITCW01Md/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/AvantGardeGothicITCW01Md/font.woff') format('woff'); // } // @font-face { // bold // font-family: 'AvantGardeGothicITCW02Bd'; // src: url('#{$font-path}mywebfonts/webFonts/AvantGardeGothicITCW02Bd/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/AvantGardeGothicITCW02Bd/font.woff') format('woff'); // } // @font-face { //demi -- too bold // font-family: 'ITCAvantGardeW04Demi'; // src: url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeW04Demi/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeW04Demi/font.woff') format('woff'); // } // @font-face { //problack // font-family: 'ITCAvantGardeProBk'; // src: url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeProBk/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeProBk/font.woff') format('woff'); // } // @font-face { //blkObl // font-family: 'ITCAvantGardeW04BkObl'; // src: url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeW04BkObl/font.woff2') format('woff2'), url('#{$font-path}mywebfonts/webFonts/ITCAvantGardeW04BkObl/font.woff') format('woff'); // } @font-face { // bold font-family: 'AvantGarde_bold'; src: url('#{$font-path}ITCAvantGardeStd-Bold.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-Bold.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-Bold.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { // bold oblique font-family: 'AvantGarde_boldItal'; src: url('#{$font-path}ITCAvantGardeStd-BoldObl.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-BoldObl.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-BoldObl.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-BoldObl.svg#ITCAvantGardeStd-BoldObl') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { // demi font-family: 'AvantGarde_demi'; src: url('#{$font-path}ITCAvantGardeStd-Demi.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-Demi.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-Demi.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { // demi ital font-family: 'AvantGarde_demiItal'; src: url('#{$font-path}ITCAvantGardeStd-DemiObl.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-DemiObl.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-DemiObl.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-DemiObl.svg#ITCAvantGardeStd-DemiObl') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { // med font-family: 'AvantGarde_med'; src: url('#{$font-path}ITCAvantGardeStd-Md.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-Md.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-Md.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-Md.svg#ITCAvantGardeStd-Md') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { // med obliq font-family: 'AvantGarde_medItal'; src: url('#{$font-path}ITCAvantGardeStd-MdObl.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-MdObl.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-MdObl.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-MdObl.svg#ITCAvantGardeStd-MdObl') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { // book font-family: 'AvantGarde_book'; src: url('#{$font-path}ITCAvantGardeStd-Bk.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-Bk.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-Bk.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { // book ital font-family: 'AvantGarde_bookItal'; src: url('#{$font-path}ITCAvantGardeStd-BkObl.woff2') format('woff2'), url('#{$font-path}ITCAvantGardeStd-BkObl.woff') format('woff'), url('#{$font-path}ITCAvantGardeStd-BkObl.ttf') format('truetype'), url('#{$font-path}ITCAvantGardeStd-BkObl.svg#ITCAvantGardeStd-BkObl') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } // Fonts from original $sans: 'AvantGarde_med', helvetica, sans-serif; $sans-bold: 'AvantGarde_bold', helvetica, sans-serif; $sans-book: 'AvantGarde_book', helvetica, sans-serif; $sans-demi: 'AvantGarde_demi', helvetica, sans-serif; $font-primary: $sans; $font-secondary: $sans-bold; // $sans-boldItal: 'AvantGarde_boldItal', helvetica, sans-serif; $sans-ital: 'AvantGarde_medItal', helvetica, sans-serif; // $sans-bookItal: 'AvantGarde_bookItal', helvetica, sans-serif; $sans-demiItal: 'AvantGarde_demiItal', helvetica, sans-serif; // $sans-xlt: 'ITCAvantGardePro-XLt', helvetica, sans-serif; // $sans-demi: 'ITCAvantGardeW04Demi', helvetica, sans-serif; // $sans-black: 'ITCAvantGardeProBk', helvetica, sans-serif; // $sans-ital: 'ITCAvantGardeW04BkObl', helvetica, sans-serif; $helvetica: helvetica, sans-serif;