Font Awesome Icons в офлайн-режиме

Есть ли способ использовать это в автономном режиме?

 <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Я копирую ссылку и сохраняю ее как font-awesome.min.css, но она все равно не работает в автономном режиме, например, эта ссылка href = "css / font-awesome.min.css" rel = "stylesheet" type = "text / css"

сохраните font-awesome.min.css в каталоге вашего проекта и укажите этот путь как href

— 29.03.2018 09:13

Я использовал font-awesome.min.css, но он показывает только квадрат

— 29.03.2018 09:17

очистите кеш и проверьте. или вы могли ошибиться путем

— 29.03.2018 09:21

используйте эту ссылку, чтобы скачать https://use.fontawesome.com/releases/v5.0.9/fontawesome-free‌ -5.0.9.zip

— 29.03.2018 09:29

css html font-awesome cdn

29.03.2018 09:10

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

31 672

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Нажмите кнопку «Скачать бесплатно» и убедитесь, что у вас тоже есть веб-шрифты. В загруженном zip-архиве есть папка web-fonts-with-css. Скопируйте шрифты в свой проект и измените пути для шрифтов в вашем CSS, чтобы они указывали на расположение веб-шрифтов.

Если вы откроете CSS, связанный с вашими вопросами, вы увидите, что у них есть импорт с

url('../fonts/fontawesome-webfont.woff2?v=4.7.0')

измените их, указав расположение загруженных шрифтов.

Я копирую и вставляю ссылку в URL-адрес cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/…, но я не вижу, чтобы скачать бесплатно, сэр

— 29.03.2018 09:18

просто скопируйте и вставьте в новый файл и обратитесь к этому файлу

— 29.03.2018 09:22

есть два файла eot, на которые я буду ссылаться? fa-solid-900.eot и fa-regular -400.eot

— 29.03.2018 10:01

все же я не понимаю, сэр, следует ли мне заменять все?, включая? v = 4.7.0

— 29.03.2018 10:30

? v = 4.7 предназначен для кеширования шрифтов, я бы пока оставил это и использовал только имя файла.

— 29.03.2018 14:43

замените просто название папки, если оно другое (после копирования скачанной папки со шрифтами). Имена файлов должны остаться прежними.

— 29.03.2018 14:44

29.03.2018 09:14

Загрузите шрифт awesome бесплатно в zip-архиве с официального сайта
есть папка с именем 'css', скопируйте эту папку в папку проекта (важно), а также скопируйте папку с именем 'webfonts'
затем свяжите желаемый файл css с файлом html (all.css или fontawesome.css или fontawesome.min.css) с помощью команды
затем попробуйте свой код, он будет работать

28.04.2019 13:24

Сам веб-сайт Fontawesome описывает, как загрузить и использовать набор значков в автономном режиме, здесь: https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

03.06.2019 15:51

Загрузите шрифт awesome бесплатно на zip-архиве с официального сайта.
В папке вашего проекта есть папка CSS, скопируйте эту папку, (важный), а также скопируйте папку с именем web-fonts
Затем свяжите желаемый файл CSS с файлом HTML (all.css или fontawesome.css или fontawesome.min.css) с помощью команды.