Шрифт Awesome не отображается в браузере

Я разрабатываю сайт для своего проекта. Я использую Bootstrap и шрифт Awesome для глификонов, но я столкнулся с проблемой. Когда я использую значки шрифта Awesome, некоторые значки не отображаются в браузере, но появляются некоторые значки. Например. "fa fa-user" не отображается. Он появляется как небольшая коробка. Но некоторые значки показывают, и я связал font-awesome-min.css на веб-странице.Шрифт Awesome не отображается в браузере

см ниже изображение:

check out the signup fa icon

источник

2016-04-23 pratheek

Щелкните правой кнопкой мыши -> проверьте элемент -> перейдите в «:: before» -> см. Правило «контент», а затем скажите мне, что там написано. – paolobasso

проблема, которую я испытал наиболее часто является то, что файл был заблокирован *.woff2 сервером. Я подозреваю, что это также имеет место здесь. Посмотрите, можете ли вы открыть файл <font-awesome>/fonts/fontawesome-webfont.woff2 в браузере. Если нет, вам нужно изменить конфигурацию веб-сервера.

Редактировать: Я нашел связанный пост, см. Здесь: Proper MIME type for .woff2 fonts, второй ответ показывает, как настроить IIS, например.

источник

2016-04-23 14:50:39 maraca

Прошу прощения за это, но серьезно я не понял вещь * .woff2. Могу ли вы усовершенствовать ?? – pratheek

Вы завершили первый шаг? Вы включили css, правильно? Поэтому используйте этот URL, но вместо '.../css/font-awesome.min.css' вы пишете' .../fonts/fontawesome-webfont.woff2', можете ли вы открыть/скачать этот файл в браузере или вы получаете ошибку (просто вставьте URL-адрес в адресную строку и нажмите Enter)? Если вы получите сообщение об ошибке, то это правильный ответ, иначе проблема находится где-то в другом месте. – maraca

Это настройка в конфигурации сервера, например, расширение> woff2> «служить в качестве файла» ... или вам нужно отредактировать некоторый файл конфигурации ... зависит от вашей среды. – maraca

Шрифт Awesome не отображается в браузере

ответ

Смежные вопросы