CSS работает не только внутри Facebook canvas

#css #facebook #heroku #laravel

#css #Facebook #heroku #laravel

Вопрос:

Я создал приложение Facebook в Laravel 4 (размещенное на платформе Heroku).

На моем локальном компьютере все работает нормально. Когда я открываю URL приложения непосредственно в домене Heroku, все работает нормально. Но когда я открываю его внутри Facebook Canvas, CSS не работает.

Элементы на странице при проверке с помощью Firebug не отображают никакого CSS, как будто его не существует. Но когда я перехожу к опции «Просмотр источника фрейма», чтобы просмотреть код iFrame, CSS выглядит так, как будто он загружен правильно?? Файл CSS находится в папке public/css.

У кого-нибудь была подобная проблема?

Ответ №1:

Проблема была с внедрением шрифта из Google Web Fonts:

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

Поскольку префикс ‘http’ Facebook Canvas рассматривает это как небезопасный источник. Я только что удалил ‘http’.