Why did my custom font stop working after code insertion?

Technical Q&A
1

Hi, I have installed two custom fonts both have been showing without a problem, however when I inserted the following code

.shopify-section {
  padding-top: 75px;
}

at the end of my theme’s code, one of the fonts stopped showing. I removed that bit of code, but the problem remains.

This is how my font looks like:

@font-face {
font-family: ‘apercu-mono-regular-pro’;
src: url(‘apercu-mono-regular-pro.woff2’) format(‘woff2’),
url(‘apercu-mono-regular-pro.woff’) format(‘woff’);
}

a, p, h4, input, span, button, legend {font-family: ‘apercu-mono-regular-pro’ !important;}

@font-face {
font-family: ‘PPEditorialNew-Light’;
src: url(‘PPEditorialNew-Light.woff2’) format(‘woff2’),
url(‘PPEditorialNew-Light.woff’) format(‘woff’);
}

h1, h2, h3, div, label {font-family: ‘PPEditorialNew-Light’ !important;}

I have also tried to reinstall the font that is not working (Apercu), without any sucess.

Any ideas why this is happening and how I could solve it?

Thank you so much.

2

Hi @SwerlCoffee ,

Please send your site and if your site is password protected, please send me the password. I will check it.