CSS 不仅仅适用于 Facebook Canvas

Question

我在 Laravel 4(托管在 Heroku 平台上)中创建了一个 Facebook 应用程序。

在我的本地计算机上一切正常。当我直接在 Heroku 域上打开应用程序的 URL 时，一切正常。但是当我在 Facebook Canvas 中打开它时，CSS 不起作用。

页面上的元素，当使用 Firebug 检查时，不显示任何 CSS，就像它不存在一样。但是当我转到选项“查看框架源”以查看 iFrame 代码时，CSS 看起来好像已正确加载？ CSS 文件位于 public/css 文件夹中。

有人遇到过类似的问题吗？

Answer 1

问题在于从 Google Web Fonts 嵌入字体:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

因为前缀“http”Facebook Canvas 认为这是不安全的来源。我刚刚删除了“http”。