Проблемы с шрифтом Firefox - Bootstrap Glyphicons

Question

Пытается использовать Bootstrap 3.0 (вытащил через Bower) Глификон значок шрифта в приложении. Работает отлично во всех браузерах локально.

В промежуточной среде на heroku шрифт значка не работает в Firefox. Шрифт размещен в ведре S3 с настройкой междоменных настроек - это было проверено путем тестирования шрифта с помощью a curl command as described here. Я получаю ответ 200, никаких проблем. Таким образом, шрифты в нужном месте (а не проблема пути) и доступны (не междоменная проблема - возможно.)

Фактически, когда я смотрю на панели «Сеть» в firefox, я вижу ответ 200 на шрифтах ... Но размер файла указан как 0kb.

Я пробовал несколько типов контента (font/x-woff, application/x-woff), я пробовал использовать кодировку base-squirrel base 64 (не работал).

Я видел, что пользовательский загрузчик Bootstrap сломал шрифты, но это прямо из репо через Bower.

Я понятия не имею, что еще попробовать. Halp?

Answer 1

Просто зациклившись на этом, отбросьте шрифт значка в сторону решения SVG, и тем временем мы изменили провайдеры CDN и изменили все наши настройки CDN, в то время как настройки ведра S3 остались прежними. Проверял шрифты значков в Firefox и voila, больше никаких проблем.

Таким образом, я думаю, что наши настройки CDN каким-то образом не проходили через необходимые разрешающие настройки S3, или так предложил мой коллега.

Answer 2

Не знаю, был ли у вас когда-либо получен этот вопрос или нет, но сегодня я столкнулся с той же проблемой, и причина этого заключается в том, что Firefox немного строит размещение вашего шрифта в отдельном домене. Если вы проверить Firefox веб-консоль, он должен показать ошибку, как это:

Cross-Origin Request заблокированное: The Same Origin Policy запрещает чтение удаленный ресурс на HTTP: // путь/к/шрифты /glyphicons-halflings-regular.ttf. Этот можно устранить, переместив ресурс в тот же домен или включив CORS.

По-видимому, есть способ настроить S3 ведро, чтобы остановить это происходит (Boootstrap glyphicons Firefox issues), но я не пробовал еще.