Font-awesome появляется как квадраты

Я пытаюсь получить Font-Awesome (v4.7) для работы, но он появляется только как квадраты. У меня есть папка шрифтов в корне моего сайта и css в папке с именем style. Я добавил шрифты в каталог шрифтов, и я подтвердил, что font-awesome.css file @ font-face имеет URL-адрес «../fonts/». Я предполагаю, что эта ссылка используется CSS, так что было бы правильно, если CSS находится в подпапке корня, а затем шрифт находится в папке root/fonts.Font-awesome появляется как квадраты

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

<span class="fa fa-refresh">FA</span> 
<span class="glyphicon glyphicon-cloud">glyph</span>

Если я смотрю на Дев инструментов, которые я не вижу каких-либо ошибок, и я могу видеть шрифт-устрашающий теги, как это должно быть.

У кого-нибудь есть предложения?

MasterPage. Я не знаю, почему все истекает, я унаследовал этот сайт, но я не думаю, что это часть проблемы.

<head runat="server"> 
    <title>Preferential Bidding System</title> 
    <meta http-equiv="cache-control" content="max-age=0" /> 
    <meta http-equiv="cache-control" content="no-cache" /> 
    <meta http-equiv="expires" content="0" /> 
    <meta http-equiv="expires" content="Mon, 01 Jan 1900 1:00:00 GMT" /> 
    <meta http-equiv="pragma" content="no-cache" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <link href="style/bootstrap.css" rel="stylesheet" /> 
    <link href="style/font-awesome.css" rel="stylesheet" type='text/css' /> 
    <link href="style/layout.css" rel="stylesheet" type='text/css' />  

    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> 
    <script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> 

    <asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head>

источник

2016-11-23 Caverman

Попробуйте абсолютный путь вместо – j08691

Если вы ищете 'fa -refresh' или 'glyphicon-cloud' в загруженном css, это там ?, иногда шрифт есть, но значки, которые мы пытаемся использовать, не являются частью шрифта! – mojarras

Я не уверен, как искать то, что загружено css. Я открыл инструменты dev и искал глификон-облако, и он нашел только одну ссылку, которую я имел на странице. – Caverman

Прежде всего попробуйте использовать синтаксис, как описано в Font Удивительная по странице (означающего <i> в отличие от <span>):

<i class="fa fa-address-book" aria-hidden="true"></i>

Если это не поможет продолжить чтение:

I «Это случалось со мной несколько раз в течение последних 2-3 лет, и это всегда одно из следующего:

a) неправильный относительный/абсо Путь лютня => В последнее время я просто с помощью Font Awesome CDN, что делает это не проблема

б) опечатка в моем коде - иногда легко пропустить очевидное

Глядя на ваш код Я склонялся к а), и я бы посоветовал вам попробовать CDN, даже если есть причина не использовать его в этом случае, но это поможет вам легко проверить, есть ли проблемы с вашим путем.

На стороне примечания: можете ли вы использовать Меньше, чтобы скомпилировать некоторый дополнительный CSS заранее? Возможно, есть смесь с более старой версией Font Awesome, которая где-то хранится и упоминается (и может отсутствовать значки, например, только v4.7)

источник

2016-11-23 21:47:11 tech4242

Спасибо за советы. Я посмотрю на их попытки. Мы должны использовать CDN, потому что сайт предназначен для внутренних заблокированных компьютеров, но для тестирования это хорошая идея. Я не компилирую LESS на этом сайте.Обычно я это делаю, но это унаследованный сайт, который я пытаюсь минимально изменить, и я не хотел вводить больше сложностей на данный момент, но мне, возможно, придется это изменить. – Caverman

CDN работал. Вопрос с путём к шрифтам. В файле font-awesome.css URL-адрес «../fonts/», это не относится к файлу CSS, а не к странице .aspx? Если это относительно файла CSS, это верно, поскольку CSS находится в папке «root/style». Если это относительно .aspx, то это, вероятно, должно быть просто «/ fonts /». Я думаю, что попробовал «~/fonts /», и это не сработало. – Caverman

Я думаю, что это относительно .aspx. Вы пробовали с абсолютным пути aspx, чтобы быть уверенным? – tech4242

Font-awesome появляется как квадраты

ответ

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