Google Fonts don't work in firebase hosting

1,107 views
Skip to first unread message

Satwik Kansal

unread,
Jan 23, 2016, 11:30:14 AM1/23/16
to Firebase Google Group
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;
}                      

Chris Raynor

unread,
Jan 23, 2016, 11:21:51 PM1/23/16
to Firebase Google Group
Firebase Hosting doesn't change anything about the files that are uploaded. It does, however, serve content over HTTPS, which localhost does not, so there might be some security issues at play.

Are you getting any errors in the console? It would help debugging if you could send along a link to a page that's having issues (ideally an mvce)

Chris
Engineer @ Firebase

--
You received this message because you are subscribed to the Google Groups "Firebase Google Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to firebase-tal...@googlegroups.com.
To post to this group, send email to fireba...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/firebase-talk/cb12d7c1-c943-4935-ac0f-4fde66dd54c8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages