I could see fonts working properly on locahost but when I deploy it to firebase , they don't work.
I've checked that all the scripts are loaded properly but still can't figure out what's wrong. I think may be there's something in hosting process that's causing this.
Here are my snippets of code for reference:
HTML
<link href='
https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='
https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
CSS
body {
font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}