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"

введите описание изображения здесь


html css cdn font-awesome
person truthlies uchiha    schedule 29.03.2018    source источник
comment
сохраните font-awesome.min.css в каталоге вашего проекта и укажите этот путь как href   -  person Deepu Reghunath    schedule 29.03.2018
comment
Я использовал font-awesome.min.css, но он показывает только квадрат   -  person truthlies uchiha    schedule 29.03.2018
comment
очистите кеш и проверьте. или вы могли ошибиться путем   -  person Deepu Reghunath    schedule 29.03.2018
comment
используйте эту ссылку, чтобы загрузить https://use.fontawesome.com/releases/v5.0.9/fontawesome-free-5.0.9.zip.   -  person Deepu Reghunath    schedule 29.03.2018

Ответы (3)


arrow_upward
6
arrow_downward

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

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

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

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

person Gigi    schedule 29.03.2018
comment
я копирую и вставляю ссылку в url cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/, но я не вижу загрузки бесплатно, сэр - person truthlies uchiha; 29.03.2018
comment
просто скопируйте и вставьте в новый файл и обратитесь к этому файлу - person Deepu Reghunath; 29.03.2018
comment
есть два файла eot, на которые я буду ссылаться? fa-solid-900.eot и fa-regular -400.eot - person truthlies uchiha; 29.03.2018
comment
все же я не понимаю, сэр, следует ли мне заменять все?, включая? v = 4.7.0 - person truthlies uchiha; 29.03.2018
comment
? v = 4.7 предназначен для кеширования шрифтов, я бы пока оставил это и использовал только имя файла. - person Gigi; 29.03.2018
comment
замените просто название папки, если оно другое (после копирования скачанной папки со шрифтами). Имена файлов должны остаться прежними. - person Gigi; 29.03.2018

arrow_upward
5
arrow_downward

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

arrow_upward
4
arrow_downward

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

person Manu D.    schedule 03.06.2019