• Авторизация/Регистрация
UBlogi
  • Главная
  • Информация
    • Блог
    • О проекте
    • Обратная связь
    • Пользователи
    • Статистика
    • Объявления на сайте
    • Партнёрство
    • Инвестиции
    • Магазин
    • Privacy Policy
  • Fast Engine
    • Релизы
    • Обновления
    • Купить
  • Вебмастеру
    • SQL
    • PHP
    • JavaScript
    • CSS
    • HTML
    • Литература
    • Справочник HTML
    • Справочник CSS
  • Скрипты сайтов
    • Скрипты казино
    • Доски объявлений
    • Интернет магазины
    • Скрипты буксов
    • Скрипты хайпов
    • Скрипты обменников
    • Скрипты удвоителей
    • Скрипты рулетки
    • Экономические игры
    • Скрипты рекламы
    • Скрипты рейтинга
    • Скрипты соц.сетей
    • Скрипты новостные
    • Авто порталы
    • Городские порталы
    • Другие скрипты
  • Vii Eingine
    • Сборки
    • Модули
  • Data Life Eingine
    • Шаблоны
    • Модули
    • Хаки
    • Релизы
  • Bootstrap
    • Шаблоны
    • Плагины
    • Сниппеты
    • Пособие Bootstrap
  • Дизайн и Графика
    • PSD макеты
    • Иконки, Кнопки
    • Шрифты,Текст
    • Текстуры, Фон
    • Анимация
    • Формы
    • Палитра
    • Раскладка
    • Модальное окно
    • Элементы загрузки
    • Меню и навигация
    • Украшения для сайта
  • Шаблоны сайтов
    • WAP шаблоны
    • HTML5 шаблоны
    • Админка
    • Автомобили
    • Аниме
    • Блоги
    • Бизнес и Финансы
    • Игровые
    • Женские
    • Заглушки
    • Кинопорталы
    • Кулинарные
    • Лендинг
    • Мобильные
    • Музыкальные
    • Новостные
    • ПО
    • Портфолио
    • Строительство
    • Спорт
    • Хостинг
    • Адалт/Adult
    • Страницы 404
  • Windows/Linux
    • Windows XP/7/8/10
    • Linux/Ubuntu/CentOS
    • Программы
    • Темы
  • Наши проекты
    • Социальная сеть FastChat
    • YouTube канал

Шрифт Font Awesome

При создании уникального образа своего сайта мы пользуемся большим количеством инструментов. Но и в этом многообразии выделяются какой-то базовый набор для работы. Наполняемость этого набора зависит от специфики выполняемых функций и от компетентности разработчика.

Красивое оформление сайта зависит от правильно выбранной стилистики. Какой инструмент нам в этом поможет? Стоит обратить свое внимание на шрифтовые иконки Font Awesome. Данный шрифт самый популярный из всех ему подобных и используется практически везде. По этому навык работы с этими иконками является базовым.


Принцип работы со шрифтовыми иконками Font Awesome:

1.Скачать файл со шрифтом на официальном сайте.
2. Скопировать папку font-awesome в папку вашего сайта 
3. Идём в исходный код нашей странички и подключаем файл в качестве обычного CSS. 

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Таким образом у вас на странице подключен теперь шрифт Font Awesome.
Для использования доступно 675 иконок. Некоторые из них анимированные. Работа облегчена тем, что иконки разработаны как шрифт, и для их эксплуатации подходят все стандартные приемы для работы со шрифтами.

Вы можете менять размер и цвет иконок, как всех, так и только некоторых. При этом качество изображения не поменяется, так как иконки шрифтовые и в их основе использован вектор.

На сайте Font Awesome в разделе примеры находится множество вариантов использования шрифтовых иконок. Для примера представлена возможность изменения размера иконок без использования CSS.
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
Таким способом одинаковые иконки на странице будут иметь разный размер.




Шрифтовые иконки используются повсеместно и являются одним из главных инструментов при оформлении страницы.


Информация

Посетители, находящиеся в группе Гости, не могут скачивать файлы с нашего сайта.

Пожалуйста зарегистрируйтесь или авторизируйтесь для доступа к файлу.

Скачать файл бесплатно

Вы находитесь на странице скачивания файла. Кнопка загрузки внизу страницы. Если нет кнопки , значит нет файла. Нет файла - просьба сообщить администартору удобным способом. Спасибо большое за понимание!

Реклама - это вынужденная мера для поддержания проекта на плаву. Я не принуждаю Вас кликать по рекламным блокам. Если конечно она вас не заинтересовала.

Да и самое важное, все материалы носят чисто ознакомительный характер, всё файлы взяты из открытых источников, соответсвенно Вы их используете на свой страх и риск.











  • Комментарии
  • О статье
  • Похожие новости
У данной публикации нет комментариев.

Ublogi

Автор

1-09-2020, 13:42

Дата пуликации

Блог / Иконки, Кнопки / Шрифты,Текст

Категория
  • Комментариев: 0
  • Просмотров: 392
php
Определяем устройство с которого пользователь вошел на сайт PHP скрипт
SQL
Массовая смена адреса аватаров при переезде DLE. Запрос в БД
SQL
SQL запрос для массового удаления новостей без изображений
SQL
Правка значения AUTO_INCREMENT
SQL
Как обнулить значение столбца MySQL
Написать комментарий
Имя:*
E-Mail:


Статистика
4 посетителя на сайте. Из них:
Гости3
Роботы1
Список пользователей
Vitalash Был(a) в сети 11 часов назад
Комментарии
Где кодировку поменять?
26 апреля 2023 11:24

Bipolyarich

Перезалейте файл.
12 апреля 2023 10:23

jerema

гавно ваш сайт. ничерта не работает. все ссылки битые. 
25 февраля 2023 00:21

Raza121

Ublogi, ссылка не активна, и еще вопрос инструкция по установке есть?

















20 февраля 2023 19:59

tema2021astra

не работает ссылка на скачивание перезалейте 

19 февраля 2023 07:38

aladin

Облако тегов
ANGRY Angrybird2 angrybird2 BIRDS BTC Casino Platform Cкрипт fruit-ferm King-Birds Kosmobit Methereum MONEY Money motormoney Paper Island playeco Poezd social twit v2.0 worldschool Аптека Веб Инвестиционная Оружейный Пивная Скрипт Уникальный скрипт инвестиционный игры Ниндзя барон денег игра игры инвестиционного инвестиционной инвестиционный попугаев с выводом экономического экономической экономической игры
Показать все теги
Реклама
Бесплатный хостинг с поддержкой PHP, MySQL, Python. Это отличная возможность проверить работу своего сайта на настоящем хостинге без рекламы. Заказать хостинг
Идеальное решение для создания публичной или частной социальной сети. Хотите ли вы подключить школу, бизнес, организацию или просто создать свой собственный сайт, FastSocial имеет все необходимые функции. Создать социальную сеть
Наверх
  • Copyright UBlogi.Ru - блог поддержки и развития скриптов 2019 - 2022 ©    
  • Правила/Оферта
  • Яндекс.Метрика

Авторизация

Войти через ВКонтакте

Регистрация Забыл пароль