@font-face on custom.css is not loading the custom face. I have also added to the custom.css the new body font-family:
/* roboto-300 - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'),
url('{resource="roboto-v20-latin-300.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-300.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url('{resource="roboto-v20-latin-300italic.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-300italic.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url('{resource="roboto-v20-latin-regular.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-regular.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'),
url('{resource="roboto-v20-latin-italic.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-italic.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'),
url('{resource="roboto-v20-latin-700.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-700.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
font-display: swap;
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url('{resource="roboto-v20-latin-700italic.woff2"}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{resource="roboto-v20-latin-700italic.woff"}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
And the theme font was set to default.