Unable to add custom font to protostar

It seems popular to get the right font on the load, but on my website I can’t find a solution to the problem for my site: https://fontvilla.com/twitter-font/.
@font-face {
font-family: ‘Myriad Pro Regular’;
font-style: normal;
font-weight: normal;
src: url(’…/css/fonts/myriadpro-regular.woff’) format(‘woff’);
}
And here’s how I applied it:

body {
font-family: ‘Myriad Pro Regular’, ‘Lucinda Grande’, ‘Trebuchet MS’, sans-serif;
}

How is this related to Foundation Sites and what is protostar?

In general the markup of the website is wrong and body * {font-family: 'Open Sans', sans-serif; ... has a higher precedence than body {....

Please check the applied styles using the devtools in your browser (right-click - inspect element).

1 Like

Because the CSS in Protostar template declare another font family. In templates/protostar/css/template.css body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; This can be the cause.

I hope this information helps!
Regards,
Lewis