Страница 1 из 1
Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2017.07.07, 23:13
girmate
Вот согласно документации использования значков FontAwesome достаточно:
Код: Выделить всё
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Но в папке приходит куча файлов, в том числе и тех, назначение которых мне непонятно. Так вот шрифты FontAwesome я привел для примера, чтобы узнать:
вы в проект кладете всю папку или только css? Как правильно? Ведь в том же css могут быть отсылки к другим используемым файлам, изображениям, например (в общем случае). Я считаю все нужно положить в папку /web/vendor/font-awesome/ и оттуда вытягивать уже css в Asset. Есть куча других плагинов. Там в одной папке куча подпапок и вся смесь css, js и куча еще других файлов. Значит правильно все сразу класть отдельно и вытягивать в ассеты?
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2017.07.09, 22:46
ElisDN
Font Awesome и подобные - это CSS/JS плагины. Это значит, что они доступны через Bower. Поэтому в Yii2:
1. Ставим bower-пакет через адаптер fxp-asset-plugin для Composer:
2. Пишем ассет:
Код: Выделить всё
class FontAwesomeAsset extends AssetBundle
{
public $sourcePath = '@bower/font-awesome';
public $css = [
'css/font-awesome.min.css',
];
}
3. Прописываем его в зависимостях у AppAsset:
Код: Выделить всё
class AppAsset extends AssetBundle
{
...
public $depends = [
'app\assets\FontAwesomeAsset',
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapPluginAsset',
];
}
Всё.
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2017.07.09, 22:53
girmate
Дмитрий, я думал в yii можно подключать только yii-расширения. А оказалось вон оно что. Громадное спасибо. То есть bower пакеты попадают в папку bower, куда можно ссылаться через алиас @bower. Громадное спасибо. И самое главное - автоматическое обновление и быстрая установка. Особенно если куча пакетов и расширений, которые часто ставить приходится. Спасибо, Дмитрий.
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2018.05.03, 20:51
bvlata
На последней версии 2.015.1 после загрузки через bower не видит шрифты font-awesome по вашей схеме. Что-то видимо изменилось?
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2018.05.23, 22:42
robot32
Всем привет! Такая же проблема. Пробовал адаптировать код к следущему виду:
Код: Выделить всё
<?php
namespace app\assets;
use yii\web\AssetBundle;
class FontAwesomeAsset extends AssetBundle
{
public $sourcePath = '@app/resources';
public $css = [
'libraries/Font-Awesome/css/font-awesome.min.css',
];
public $publishOptions = [
'only' => [
'libraries/*',
]
];
public function init()
{
parent::init();
$this->publishOptions['beforeCopy'] = function ($from, $to) {
$dirname = basename(dirname($from));
return $dirname === 'fonts' || $dirname === 'css';
};
}
}
Проблема сохранилась. В чем может быть проблема? У кого-нибдуь есть предположения?
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2018.05.24, 02:55
urichalex
А чем не угодили
готовые решения?
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2018.05.25, 17:34
robot32
urichalex, спасибо. Готовые решения вполне работают)
Re: Как правильно подключать Font Awesome (или любые другие плагины)?
Добавлено: 2018.07.04, 08:36
Freeshnik
Для тех, кто будет накатывать FA 5.1, там поменялся синтаксис - теперь класс иконок начинается с fas/fab/far (ранее был fa). Пример:
База иконок тут:
https://fontawesome.com/icons?d=gallery