Looping back on this - (long time, sorry!) - I found a site with uploaded fonts! To answer your question, yes you can successfully upload a font through the customization UI and able to call it with a variable.
@font-face {
font-family: 'colfax-bold';
src: url($ColfaxWebBoldEOT), /* IE9 Compat Modes */
url($ColfaxWebBoldWOFF) format('woff'); /* Modern Browsers */
}
@font-face {
font-family: 'colfax-medium';
src: url($ColfaxWebMediumEOT), /* IE9 Compat Modes */
url($ColfaxWebMediumWOFF) format('woff'); /* Modern Browsers */
}
@font-face {
font-family: 'colfax-light';
src: url($ColfaxWebLightEOT), /* IE9 Compat Modes */
url($ColfaxWebLightWOFF) format('woff'); /* Modern Browsers */
}
@font-face {
font-family: 'colfax-regular';
src: url($ColfaxWebRegularEOT), /* IE9 Compat Modes */
url($ColfaxWebRegularWOFF) format('woff'); /* Modern Browsers */
}
@font-face {
font-family: 'colfax-thin';
src: url($ColfaxWebThinEOT), /* IE9 Compat Modes */
url($ColfaxWebThinWOFF) format('woff'); /* Modern Browsers */
}
body {
font-family: "colfax-regular", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "colfax-light", sans-serif;
letter-spacing: .023em;
}
/*h2 {
font-size: 32px;
line-height: 1.284em;
font-weight: 500;
}*/
.stats-title, .user-stat .value {
font-family: "colfax-medium", sans-serif;
}
.category-name {
font-family: "colfax-medium", sans-serif;
}
.badge-category, .dropdown-select-box-row .name, .user-title {
font-family: "colfax-medium", sans-serif;
}
