2013-03-26 1 views
6

У меня есть веб-страница. В правом верхнем углу у меня есть несколько социальных икон. Он показывает хорошо в Chrome (как локальном, так и на веб-сервере), он показывает ok в локальном FF, но на онлайн страница Я вижу квадратные заполнители с кодами Unicode внутри.Fontello Glyph Шрифт нечетное поведение на Firefox, показывает коды Unicode вместо значков

Как ни странно, если я открыть Firebug и исправить fontello.css на лету через Source Edit, значки появляются волшебно, или так кажется, и это даже с тривиальными коррекций, как добавление и затем удаление пробелов.

Это действительно озадачивает меня. Какие-либо предложения?

+0

Я вижу изображения с FF ... –

+0

@AndreaLigios: Да, проблема решена. Это была проблема заголовка с сервера Apache. Я закрою ответ. – Cranio

ответ

9

Мне удалось решить эту странную проблему. Оказалось, это была проблема Apache, получил решение от: http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems

я добавил к своим .htaccess следующие строки:

Если вы служите с Apache, вы можете добавить это в файл .htaccess, чтобы на вашем сайте доступ к шрифтам:

<FilesMatch "\.(ttf|otf|woff)$"> 
<IfModule mod_headers.c> 
     Header set Access-Control-Allow-Origin "*" 
</IfModule> 
</FilesMatch> 

и шрифт теперь в порядке.

+1

Спасибо! Исправлено это для меня. Я добавил расширение 'eot', так как это используется fontello. –

+0

@NicholasTolleyCottrell: рад, что это тоже помогло :) – Cranio

+0

Где я могу найти свой «.htaccess» (я предполагаю, что это файл?) В Windows 7? – Solace