Font Face – where to upload custom fonts?

Hi,

I am using the following font-face rules to this url / cms tool: https://audienceview.uberflip.com/h/
The platform has a front end editor were you can add custom html, css, jQuery.

If you view the url above, the fonts do not show up. I also tried importing the fonts from this directory: website/wp-content/themes/enfold-child/fonts/myriad-pro

I am using a Myriad Pro Light font. Could you please help? Thanks in advance!

/* Myriad Pro Regular and Fira */
@import url(“https://www.audienceview.com/wp-content/fonts/myriad-pro/”);
@import url(“https://www.audienceview.com/wp-content/fonts/fira/”);

/* Myriad Pro Light */
@font-face {
font-family: ‘MyriadPro-Light’;
src: url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.eot’);
src: url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.eot?#iefix’) format(’embedded-opentype’),
url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.woff2’) format(‘woff2’),
url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.woff’) format(‘woff’),
url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.ttf’) format(‘truetype’),
url(‘https://www.audienceview.com/wp-content/fonts/myriad-pro/MyriadPro-Light.svg#MyriadPro-Light’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: ‘FiraSans-Book’;
src: url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.eot’);
src: url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.eot?#iefix’) format(’embedded-opentype’),
url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.woff2’) format(‘woff2’),
url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.woff’) format(‘woff’),
url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.ttf’) format(‘truetype’),
url(‘https://www.audienceview.com/wp-content/fonts/fira/FiraSans-Book.svg#FiraSans-Book’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

body {
font-family: “MyriadPro-Light”, Helvetica, Arial, sans-serif;
}

.description-block .hub-heading, .description-block .hub-heading {
font-family: “MyriadPro-Light”, Helvetica, Arial, sans-serif;
font-weight: 500;
}

.top-nav {
background-color: #2290b2;
color: #ffffff;
border-bottom: 1px solid #2290b2;
}