Для этого вам понадобится Профессиональная лицензия, затем вы примените собственный домен для работы CDN.
ВЕБ-ШРИФТЫ И CSS
SVG
Ваша панель разработчика браузера указывает, что Вы загружаете правильные файлы шрифтов;
Расширения вашего браузера не блокируют веб-шрифты (noscript, adblockplus и т.д.);
Ваша операционная система не блокирует веб-шрифты (Групповая политика Microsoft).
Если значки Font Awesome отображаются как квадратики, просто добавьте следующий фрагмент кода в ваш файл стилей:
Если значки не работают только в конкретных областях, Вы можете найти правило css, которое управляет стилями элементов, содержащих значки, используя инструмент Firebug и указать для него семейство шрифтов.
Обратите внимание, лучше использовать конкретные классы CSS, для того чтобы не применить изменения глобально.
Если значки Font Awesome не отображаются только в Firefox/IE, добавьте следующий фрагмент кода в файл . htaccess :
Обратите внимание на нашу коллекцию высококачественных Веб-шаблонов, если Вам нужно больше шаблонов!
Как исправить проблему с неработающим YouTube Vanced 2023 I YouTube Вансед не работает
Вы можете также ознакомиться с детальным видео-туториалом ниже:
Источник: softlast.ru
Что делать, если Font Awesome не работает в Firefox?
В этом посте речь пойдет о частой проблеме отображения Font Awesome в Firefox и/или Internet Explorer. Font Awesome — это замечательный и простой способ поставить красивые векторные иконки себе на сайт или блог, и всячески изменять их отображение посредством CSS.
Пользователи WordPress чаще всего подключают этот способ установки иконок посредством плагинов, особенно актуален Font Awesome в оформлении меню. Для этого существуют специальные плагины, например Font Awesome 4 Menus, который едва ли не единственный постоянно обновляющийся.
Проблема может возникнуть на некоторых сайтах и темах, тогда вместо стандартных значков от Font Awesome — отображаются квадратики с кодами. Этот баг может отображаться только на Firefox, а может и на IE и других браузерах. Причины этого бага самые разнообразные — от неправильной настройки .htaccess до проблем с оптимизаторами CSS.
Если выискивать проблему у вас нет ни времени ни желания — могу предложить самый простой вариант решения бага. Для этого нужно всего навсего добавить в сайта следующую строчку:
Как найти в WordPress?
Чтобы вставить вышеуказанную строчку в в WordPress — его нужно сначала найти. Обычно это можно сделать через встроенный редактор WordPress, редактируя header.php, или посредством FTP-клиента.
В папке вашей текущей темы (путь обычно такой — vash.sait/wp-content/themes/vasha-tema) найдите файл header.php и откройте его любым текстовым редактором, между тегами просто вставьте строчку и Font Awesome заработает на всех браузерах.
Источник: ktoit.com
Ютуб не дает показы? Почему ютуб не продвигает канал? Покажу, как работает продвижение видео YouTube
html — отображаются — font awesome не работает в фотошопе
Font-Awesome значки не отображаются через BoostrapCDN (3)
Я пытаюсь использовать шрифты шрифтов Font-Awesome через ссылку BootstrapCDN, и я уверен, что у меня есть последняя версия:
href=»//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css» rel=»stylesheet»>
Я поместил эту ссылку в часть моего html-файла, и я пытаюсь заставить его работать с этим простым кодом html:
Font-Awesome Icons href=»//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css» rel=»stylesheet»>
class=»fa fa-camera-retro»> Camera Icon class=»fa fa-facebook»> Facebook Icon
Однако это не рендеринг. Я пробовал этот код в последних версиях FireFox (27), Safari (7) и Chrome (33). Я проверил, что класс fa находится на каждом из значков, которые я пытаюсь вызвать, а также что fa- префикс используется в отличие от старого префикса icon- . Я проверил свою реализацию кода с помощью этого видео http://headwaythemes.com/using-font-awesome-with-headway/ (хотя он предназначен для темы WordPress, в принципе код должен работать одинаково) и огляделся при переполнении стека, но предыдущие вопросы, такие как Fontawesome not loading , не дали мне никакой помощи в решении моей проблемы.
У меня нет установленного fontawesome.otf, но, конечно же, это не так, если я вижу глифы при посещении http://fortawesome.github.io .
Должен ли я просто загружать и размещать файлы с огромным шрифтом вместе со всем моим будущим веб-сайтом, поэтому мне не нужно беспокоиться об обновлении ссылки BoostrapCDN? — Хотя я только планирую использовать несколько значков?
То, что ответил Пулкит, абсолютно верно. Чтобы добавить, если вы хотите создать быстрый локальный сервер, просто перейдите в каталог html и css-страниц, а затем перейдите к терминалу и введите —
$ python -m SimpleHTTPServer
Затем перейдите в свой браузер и перейдите к 127.0.0.1:8000. Если он не отображается, попробуйте изменить домашнюю страницу своего сайта на index.html
Такой более простой способ справиться с этим — просто добавьте «http:» перед линией cdn, и он будет работать на вашей локальной машине, то есть вот так:
href=»http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css» rel=»stylesheet»>
Причина, по которой это не загрузка, заключается в том, что URI начинается с «//». Это означает, что это относительный путь протокола, то есть он будет использовать любой протокол, который использует страница. Если вы открываете свой html локально, ваш браузер будет использовать файл в качестве протокола, тем самым пытаясь получить доступ к шрифту-awesome css с «file: //». Если вы получаете доступ к html с помощью локального или удаленного веб-сервера http, вы получите доступ к странице с помощью протокола http , таким образом получив доступ к css с помощью «http: //».
Решение:
- Измените путь css или имитируйте его на локальном компьютере.
- Запустите локальный или удаленный http-сервер и зайдите на страницу.
Источник: code-examples.net