Search code examples
facebookfacebook-appsgoogle-font-api

Using Google Fonts within Facebook Application

I'm having a not very fun time trying to use Google Fonts Api within a Facebook App.

It works on my application outside Facebook but when I'm inside the Facebook App the fonts do not work.

I'm including the font this way:

<link href='http://fonts.googleapis.com/css?family=Convergence|Satisfy' rel='stylesheet' type='text/css'/>

I will love to provide more information if needed. Thanks in advance for your time and help!

Solution

  • You would need to change 

    <link href='http://fonts.googleapis.com/css?family=Convergence|Satisfy' rel='stylesheet' type='text/css'/>

    to 

    <link href='//fonts.googleapis.com/css?family=Convergence|Satisfy' rel='stylesheet' type='text/css'/>

    Facebook block external http resources.