Arhn - архитектура программирования

CSS-глифы не работают с MaxCDN или службами кэширования

Я использую глифы CSS, которые включены в шаблон рядом с пунктами меню. При их использовании рядом с именем может появиться небольшой значок, а рядом с ним появится стрелка, если оно содержит несколько элементов.

Однако всякий раз, когда я устанавливаю плагин кэширования или MaxCDN (я только что проверил его, включив MaxCDN), они перестают работать в Firefox и IE 9-11 (я думаю, в браузерах, не основанных на webkit). Как ни странно, они работают с этими не активированными плагинами.

Фаерфокс До:

.icon-envelope:before {
content: "";
}

После:

.icon-envelope:before {
content: "";
}

Хром до:

.icon-envelope:before {
content: "\f0e0";
}

После:

.icon-envelope:before {
content: "\f003";
}

Они сравнивают то, что браузеры показывают в инструментах проверки разработчика до и после применения MaxCDN. Эти глифы через Font-Awesome, но шаблон joomla напрямую не использует bootstrap.css (поэтому я не думаю, что использование bootstrapCDN поможет).


  • У вас есть ссылка на сайт? 01.04.2014
  • christar.org, но теперь он работает. Спасибо! 03.04.2014

Ответы:


1

Скорее всего, это связано с CORS. У MaxCDN есть статья о том, как добавить заголовок Access-Control-Allow-Origin в HTTPD, Nginx и IIS: http://support.maxcdn.com/howto/use-cdn-with-webfonts/

Firefox блокирует отображение веб-шрифтов, если отсутствует следующий заголовок http:

Access-Control-Allow-Origin "*"

Надеюсь, это поможет.

01.04.2014
  • Спасибо! Это исправило это! --затем я нашел это: support.maxcdn.com/tutorials/htaccess-examples что было полезно 02.04.2014
  • Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..