Font Awesome bb-код [ICON] - шрифты и масштабируемые иконки в векторной графике SVG
Вложений: 1
Font Awesome v4.7 Font Awesome Это такой шрифт с иконками вместо букв, в векторной графике SVG, не теряющие качества при масштабировании.
- добавьте опцию fa-lg для увеличения иконки на 33%. - добавьте опцию fa-2x для увеличения иконки в 2 раза. - добавьте опцию fa-3x для увеличения иконки в 3 раза. - добавьте опцию fa-4x для увеличения иконки в 4 раза. - добавьте опцию fa-5x для увеличения иконки в 5 раз. - иконки можно увеличивать, обрамляя их обычным ББ-кодом размера [SIZE], показан размер 0, 3, 4, 5, 6, 7. Добавьте опцию fa-border для обрамления иконки бордюром. Добавьте опцию fa-pull-right или fa-pull-left для обтекания иконки текстом справа или слева. …Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца… Я совсем один и блаженствую в здешнем краю, словно созданном для таких, как я.
Чтобы произвольно поворачивать иконки, используйте опции fa-rotate-90 (180/270) и fa-flip-vertical (horizontal).
Иконки так же можно закрашивать цветом, обрамляя их обычным ББ-кодом цвета [COLOR]. Чтобы сделать группу из иконок, используйте опцию fa-stack для родителя, опцию fa-stack-1x используйте для задания стандартного размера иконки, а опцию fa-stack-2x для увеличенного. Опция fa-inverse может быть использована для инверсирования цветов иконок. Так же, вы можете использовать опции увеличения для управления размерами иконок. - иконка fa-twitter накладывается поверх иконки fa-square-o - иконка fa-flag накладывается поверх иконки fa-circle - иконка fa-terminal накладывается поверх иконки fa-square - иконка fa-ban накладывается поверх иконки fa-camera Как подключаются шрифты? Они берутся вот отсюда: https://fonts.google.com/
Пример: Шрифты: |
снежок крутим копирайт :) мячик история
звездочка суперсилы погода стрелочки Любой символ можно крутить, но красиво смотрятся симметричные иконки. (fa-fw - необязательный параметр) |
Цитата:
Как подключаются шрифты. Они берутся вот отсюда: https://fonts.google.com/ …Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца… Я совсем один и блаженствую в здешнем краю, словно созданном для таких, как я. A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back. A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back. A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back. Подробнее о шрифтах |
Цитата:
Добавь синтаксиса в шапку. Ты еще забыл в анимированном пульсирующий: [icon="fa-spinner fa-pulse fa-3x fa-fw"][/icon] Про рейтинг: вот еще тут можно посмотреть |
|
Цитата:
Синтаксис HTML: Код:
<style> PlayStation 3 |
ErikPshat, может добавим их в панель шрифтов (те что в меню панели)?
|
in1975, да не, и эти уже грузят форум. Там десяток килобайт, там десяток, стили и всякие скрипты, итого накапливается много. Даже не просто по весу, а по их отклику и ожиданию прогрузки.
|
ErikPshat, ок, будем юзать так.
|
Всё правильно, Еркен, на форуме не так много людей вообще шрифты меняют. В основном в шаблонах тем.
|
Оформительством в основном я балуюсь :blush:. Мне не сложно скопировать нужный синтаксис :)
|
Короче, добавил в шрифты на форум пока 2 штуки: PlayStation, EA Logo
Код:
@font-face { Удалил из списка шрифтов лишние, которые в принципе не лежат на форуме, а это стандартные шрифты из Виндового набора:
В сообщениях форума желательно убрать добавленные стили этих шрифтов. Иначе, при просмотре информации о юзере, отображается, якобы он смотрит тему "Font Awesome" в админке. P.S. Какие ещё добавить часто используемые? |
ErikPshat, Xbox, Nintender, MTV
|
ОК, добавил: MTV, Nintender, Xbox.
Код:
@font-face { Просто размер у них небольшой:
|
Кстати, для информации: Apple использовала набор шрифтов Helvetica в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande в Mac OS X, начиная с версии 10.10 Yosemite. Так iOS 9 стал официально доступен для всех, и новое семейство шрифтов под названием San Francisco ненавязчиво заменило Helvetica Neue.
Также наткнулся на шрифты андроид, вот еще, и еще |
in1975, и что ты хочешь этим сказать?
|
ErikPshat, кому-то в соответствующих разделах может пригодиться ;) Особенно мне понравился этот шрифт.
|
Ну практического применения в письме никакого не вижу, разве что только в разделе Андроид.
Пока только в шапку добавил. |
Вот здесь случайно заметил прикольными кириллическими шрифтами текст написан: http://nd.ru/sniper/
Шрифты необычные и названия странные, видимо сами рисовали или по лицензии где-то брали. Можно стырить, они лежат у них же на сервере:http://nd.ru/sniper/fonts/fonts/bgt65c.ttf http://nd.ru/sniper/fonts/fonts/newfacdm.ttf http://nd.ru/sniper/fonts/fonts/newfacbl.ttf http://nd.ru/sniper/fonts/fonts/bgt45c.ttf А вот здесь Webfont Generator. Туда можно загрузить любой шрифт и на выходе получить букет во всяких форматах и с HTML-страницей с демонстрацией как выглядит шрифт в разных ракурсах. |
ErikPshat, последние 2 мне понравились.
|
Текущее время: 23:57. Часовой пояс GMT +3. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.