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