1@font-face { 2 font-family: 'Fira Code'; 3 src: url('woff2/FiraCode-Light.woff2') format('woff2'), 4 url("woff/FiraCode-Light.woff") format("woff"); 5 font-weight: 300; 6 font-style: normal; 7} 8 9@font-face { 10 font-family: 'Fira Code'; 11 src: url('woff2/FiraCode-Regular.woff2') format('woff2'), 12 url("woff/FiraCode-Regular.woff") format("woff"); 13 font-weight: 400; 14 font-style: normal; 15} 16 17@font-face { 18 font-family: 'Fira Code'; 19 src: url('woff2/FiraCode-Medium.woff2') format('woff2'), 20 url("woff/FiraCode-Medium.woff") format("woff"); 21 font-weight: 500; 22 font-style: normal; 23} 24 25@font-face { 26 font-family: 'Fira Code'; 27 src: url('woff2/FiraCode-SemiBold.woff2') format('woff2'), 28 url("woff/FiraCode-SemiBold.woff") format("woff"); 29 font-weight: 600; 30 font-style: normal; 31} 32 33@font-face { 34 font-family: 'Fira Code'; 35 src: url('woff2/FiraCode-Bold.woff2') format('woff2'), 36 url("woff/FiraCode-Bold.woff") format("woff"); 37 font-weight: 700; 38 font-style: normal; 39} 40 41@font-face { 42 font-family: 'Fira Code VF'; 43 src: url('woff2/FiraCode-VF.woff2') format('woff2-variations'), 44 url('woff/FiraCode-VF.woff') format('woff-variations'); 45 /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */ 46 font-weight: 300 700; 47 font-style: normal; 48}