Hi! Right now the Custom Font implementation is really minimal/basic.
When we upload a custom font there is no possibility to:
- Specify/Define a Family name
- Upload multiple font file sources for the same font (for fallback) like: SVG, WOFF, WOFF2
- Specify the weights within the same font Family
- Specify the style within the same font Family
Example of a proper Font definition with Family + Weight + Styles
P.S. I know this is from a code perspective. … but, I think you guys get the idea.
/* amaranth-regular - latin */
@font-face {
font-family: 'Amaranth';
font-style: normal;
font-weight: 400;
src: local(''),
url('../fonts/amaranth-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/amaranth-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amaranth-italic - latin */
@font-face {
font-family: 'Amaranth';
font-style: italic;
font-weight: 400;
src: local(''),
url('../fonts/amaranth-v18-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/amaranth-v18-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amaranth-700 - latin */
@font-face {
font-family: 'Amaranth';
font-style: normal;
font-weight: 700;
src: local(''),
url('../fonts/amaranth-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/amaranth-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amaranth-700italic - latin */
@font-face {
font-family: 'Amaranth';
font-style: italic;
font-weight: 700;
src: local(''),
url('../fonts/amaranth-v18-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/amaranth-v18-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}