Font Awesome bb-код [ICON] - шрифты и масштабируемые иконки в векторной графике SVG

[ErikPshat]

Font Awesome v4.7@import url('attachment.php?attachmentid=12858').fa-pulse{-webkit-animation:fa-spin 3s infinite steps(4);animation:fa-spin 3s infinite steps(4)}.pws_tabs_container.pws_theme_dark_violet{padding:3px;background:#D9558 7}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a{padding:10px}.pws_tabs_container.pws_theme_dark_violet ul.pws_tabs_controll li a.pws_tab_active{background-color:#a6164c;color:white}.pws_tabs_container.pws_theme_dark_violet .pws_tabs_list{background-color:#a6164c;color:white}
FontAwesome Font Awesome (https://fontawesome.com/v4/icons/)
Это такой шрифт с иконками вместо букв, в векторной графике SVG, не теряющие качества при масштабировании.

Названия иконок (https://fontawesome.com/v4.7.0/icons) нужно находить именно здесь.
Примеры использования (http://fontawesome.io/examples)
GitHub Repository (https://github.com/FortAwesome/Font-Awesome) - исходники и релизы новых версий на GitHub
Font Awesome по-русски (http://fontawesome.ru/all-icons) - Инструкция на русском языке.

Как вставлять иконки в сообщение?

Нажимаем в панели ответа кнопку с таким значком https://www.pspx.ru/forum/cleardoc/editor/icon.gif
В открывшемся окне опции для BB-кода вписываем название иконки, например fa-address-book
Так же доступны дополнительные опции через пробел, смотрите о них в следующих вкладках.
- добавьте опцию fa-lg для увеличения иконки на 33%.
- добавьте опцию fa-2x для увеличения иконки в 2 раза.
- добавьте опцию fa-3x для увеличения иконки в 3 раза.
- добавьте опцию fa-4x для увеличения иконки в 4 раза.
- добавьте опцию fa-5x для увеличения иконки в 5 раз.
- иконки можно увеличивать, обрамляя их обычным ББ-кодом размера , показан размер 0, 3, 4, 5, 6, 7.Добавьте опцию fa-border для обрамления иконки бордюром.
Добавьте опцию fa-pull-right или fa-pull-left для обтекания иконки текстом справа или слева.


…Душа моя озарена неземной радостью,
как эти чудесные весенние утра,
которыми я наслаждаюсь от всего сердца…
Я совсем один и блаженствую в здешнем краю,
словно созданном для таких, как я.
- добавьте опцию fa-pulse, чтобы заставить пульсировать иконку по 8 шагов.
- добавьте опцию fa-spin, чтобы заставить вращаться любую иконку.
- добавьте опцию fa-fw, чтобы задать фиксированную ширину для их выравнивания.
- пример иконки с опциями: fa-cog fa-spin fa-fw

Чтобы произвольно поворачивать иконки, используйте опции fa-rotate-90 (180/270) и fa-flip-vertical (horizontal).

- просто нормальная иконка.
fa-rotate-90 - поворот на 90 градусов.
fa-rotate-180 - поворот на 180 градусов.
fa-rotate-270 - поворот на 270 градусов.
fa-flip-vertical - отражение по вертикали.
fa-flip-horizontal - отражение по горизонтали.
Иконки так же можно закрашивать цветом, обрамляя их обычным ББ-кодом цвета .
Чтобы сделать группу из иконок, используйте опцию 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[COLOR="DarkOrange"][SIZE="5"]Как подключаются шрифты? Они берутся вот отсюда: https://fonts.google.com/

Идём за веб-шрифтами на https://fonts.google.com, на выбранном шрифте нажимаем сверху кнопку .
Он добавляется в панель выбранных, которая появляется на странице внизу. Можно добавлять несколько шрифтов.
Открываем панель, переходим на вкладку CUSTOMIZE и там выбираем только нужные параметры.
Нам нужны regular 400 (стандартная толщина) и Cyrillic (если кириллица поддерживается шрифтом).
Возвращаемся обратно на вкладку Embed и забираем ссылку из вкладки @IMPORT (между тегами <style></style>).
Теперь нажимаем в панели расширенного редактирования иконку стиля https://www.pspx.ru/forum/cleardoc/editor/css.gif и вставляем этот код между тегами.
Теперь в сообщении можно любой текст обрамлять этим шрифтом через BB-код Шрифты Текст
@import url('https://fonts.googleapis.com/css?family=Lobster|Audiowide|Great+Vibes|Rochester')@import url('https://fonts.googleapis.com/css?family=Lobster|Audiowide|Great+Vibes|Rochester')
Подключён гугль шрифт Lobster
…Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца… Я совсем один и блаженствую в здешнем краю, словно созданном для таких, как я.

Подключён гугль шрифт Audiowide
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.

Подключён гугль шрифт Rochester
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.

Подключён гугль шрифт Great Vibes
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.Westral Fonts (http://www.fontspace.com/westral-fonts)
Все шрифты папки https://www.pspx.ru/forum/Fonts

Kelly Slab
@font-face {font-family: 'Kelly Slab'; font-style: normal; font-weight: 400; src: local('Kelly Slab'), local('KellySlab-Regular'), url('Fonts/Kelly Slab.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Kelly Slab'; font-style: normal; font-weight: 400; src: local('Kelly Slab'), local('KellySlab-Regular'), url('Fonts/Kelly Slab.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
Kelly Slab


Merriweather
@font-face {font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather Regular'), local('Merriweather-Regular'), url('Fonts/Merriweather.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather Regular'), local('Merriweather-Regular'), url('Fonts/Merriweather.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
Merriweather


Roboto
@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('Fonts/Roboto.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('Fonts/Roboto.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
Roboto


Roboto Condensed
@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('Fonts/Roboto Condensed.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('Fonts/Roboto Condensed.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
Roboto Condensed


Roboto Mono
@font-face {font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local('Roboto Mono'), local('RobotoMono-Regular'), url('Fonts/Roboto Mono.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local('Roboto Mono'), local('RobotoMono-Regular'), url('Fonts/Roboto Mono.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
Roboto Mono


Android KG
@font-face {font-family: 'Android'; src: url('Fonts/Android KG.ttf')}
@font-face {font-family: 'Android'; src: url('Fonts/Android KG.ttf')}
Android KG


SNES by Westral Fonts
@font-face {font-family: 'SNES'; src: url('Fonts/SNES Italic.ttf')}
@font-face {font-family: 'SNES'; src: url('Fonts/SNES Italic.ttf')}
SUPER NINTENDO


Slim Play by Westral Fonts
@font-face {font-family: 'Slim Play'; src: url('Fonts/Slim Play.ttf')}
@font-face {font-family: 'Slim Play'; src: url('Fonts/Slim Play.ttf')}
PS3 PS4


Nintender by Westral Fonts
@font-face {font-family: 'Nintender'; src: url('Fonts/Nintender (WIP).ttf')}
@font-face {font-family: 'Nintender'; src: url('Fonts/Nintender (WIP).ttf')}
Nintender


EA Logo by Westral Fonts
@font-face {font-family: 'EA Logo'; src: url('Fonts/EA Logo.ttf')}
@font-face {font-family: 'EA Logo'; src: url('Fonts/EA Logo.ttf')}
EA


Progress by Westral Fonts
@font-face {font-family: 'Progress'; src: url('Fonts/Progress Bold Italic.ttf')}
@font-face {font-family: 'Progress'; src: url('Fonts/Progress Bold Italic.ttf')}
PROGRESSIVE


Cubic Game by Westral Fonts
@font-face {font-family: 'Cubic Game'; src: url('Fonts/Cubic Game.ttf')}
@font-face {font-family: 'Cubic Game'; src: url('Fonts/Cubic Game.ttf')}
CUBIC GAME


Blue Players by Westral Fonts
@font-face {font-family: 'Blue Players'; src: url('Fonts/Blue Players.ttf')}
@font-face {font-family: 'Blue Players'; src: url('Fonts/Blue Players.ttf')}
PS2


XBold by Westral Fonts
@font-face {font-family: 'XBold'; src: url('Fonts/XBold.ttf')}
@font-face {font-family: 'XBold'; src: url('Fonts/XBold.ttf')}
XBOX


HTF Logo by Westral Fonts
@font-face {font-family: 'HTF Logo'; src: url('Fonts/HTF Logo.ttf')}
@font-face {font-family: 'HTF Logo'; src: url('Fonts/HTF Logo.ttf')}
HAPPY TREE FRIENDS


Big Orange by Westral Fonts
@font-face {font-family: 'Big Orange'; src: url('Fonts/Big Orange.ttf')}
@font-face {font-family: 'Big Orange'; src: url('Fonts/Big Orange.ttf')}
BIG ORANGE


NES Logo by Westral Fonts
@font-face {font-family: 'NES Logo'; src: url('Fonts/NES-Logo.ttf')}
@font-face {font-family: 'NES Logo'; src: url('Fonts/NES-Logo.ttf')}
NES


MTV by Westral Fonts
@font-face {font-family: 'MTV'; src: url('Fonts/MTV.ttf')}
@font-face {font-family: 'MTV'; src: url('Fonts/MTV.ttf')}
MTV


YG Edged by Westral Fonts
@font-face {font-family: 'YG Edged'; src: url('Fonts/YG Edged.ttf')}
@font-face {font-family: 'YG Edged'; src: url('Fonts/YG Edged.ttf')}
YG Edged


Ross by Westral Fonts
@font-face {font-family: 'Ross'; src: url('Fonts/Ross.ttf')}
@font-face {font-family: 'Ross'; src: url('Fonts/Ross.ttf')}
ROSS


Har Filled Nights by Westral Fonts
@font-face {font-family: 'Har Filled Nights'; src: url('Fonts/Har Filled Nights Bold.ttf')}
@font-face {font-family: 'Har Filled Nights'; src: url('Fonts/Har Filled Nights Bold.ttf')}
HAR HAR HAR


Jet Bradley by Westral Fonts
@font-face {font-family: 'Jet Bradley'; src: url('Fonts/Jet-Bradley.ttf')}
@font-face {font-family: 'Jet Bradley'; src: url('Fonts/Jet-Bradley.ttf')}
Jet Bradley


Broderbund Old by Westral Fonts
@font-face {font-family: 'Broderbund'; src: url('Fonts/Broderbund Old Bold.ttf')}
@font-face {font-family: 'Broderbund'; src: url('Fonts/Broderbund Old Bold.ttf')}
Broderbund


PP-Kant by Westral Fonts
@font-face {font-family: 'PP-Kant'; src: url('Fonts/PP-Kant.ttf')}
@font-face {font-family: 'PP-Kant'; src: url('Fonts/PP-Kant.ttf')}
TOONAMI 2004


History by Westral Fonts
@font-face {font-family: 'History'; src: url('Fonts/History.ttf')}
@font-face {font-family: 'History'; src: url('Fonts/History.ttf')}
History


629Toonami by Westral Fonts
@font-face {font-family: 'Too-nami'; src: url('Fonts/629Toonami.ttf')}
@font-face {font-family: 'Too-nami'; src: url('Fonts/629Toonami.ttf')}
629 TOONAMI


BBC II! by Westral Fonts
@font-face {font-family: 'BBC'; src: url('Fonts/BBC II!.ttf')}
@font-face {font-family: 'BBC'; src: url('Fonts/BBC II!.ttf')}
BBC II!


EMEN Lowercase by Westral Fonts
@font-face {font-family: 'EMEN Lowercase'; src: url('Fonts/EMEN Lowercase.ttf')}
@font-face {font-family: 'EMEN Lowercase'; src: url('Fonts/EMEN Lowercase.ttf')}
EMEN Lowercase


DLE Comic Lowercase by Westral Fonts
@font-face {font-family: 'DLE Comic Lowercase'; src: url('Fonts/DLE Comic Lowercase.ttf')}
@font-face {font-family: 'DLE Comic Lowercase'; src: url('Fonts/DLE Comic Lowercase.ttf')}
DLE Comic Lowercase


HP Slant by Westral Fonts
@font-face {font-family: 'HP Slant'; src: url('Fonts/HP-Slant.ttf')}
@font-face {font-family: 'HP Slant'; src: url('Fonts/HP-Slant.ttf')}
HP Slant


Toonami 99 by Westral Fonts
@font-face {font-family: 'Toonami'; src: url('Fonts/Toonami 99.ttf')}
@font-face {font-family: 'Toonami'; src: url('Fonts/Toonami 99.ttf')}
Toonami 99


G4 2004 by Westral Fonts
@font-face {font-family: 'G4'; src: url('Fonts/G4 2004.ttf')}
@font-face {font-family: 'G4'; src: url('Fonts/G4 2004.ttf')}
G4 2004


God of War
@font-face {font-family: 'GodOfWarRussian'; src: url('attachment.php?attachmentid=16628')}
@font-face {font-family: 'GodOfWarRussian'; src: url('attachment.php?attachmentid=16628')}
God of War: Восхождение

Несколько сервисов по распознаванию шрифтов с картинок: 1 (https://www.whatfontis.com) 2 (http://www.identifont.com) 3 (http://www.myfonts.com/WhatTheFont) Расширение (https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)

[in1975]

снежок крутим копирайт :) мячик история

звездочка суперсилы погода стрелочки

Любой символ можно крутить, но красиво смотрятся симметричные иконки. (fa-fw - необязательный параметр)

[ErikPshat]

Сделаешь ббкод с выбором иконки (аналогично смайликам)?
Думаю взять картинку что-то из этих https://www.google.ru/search?q=Font+Awesome&newwindow=1 Там логотип его с флагом. Давай в новую тему перенесём, т.к. эти картинки идут отдельным бб-кодом.
@import url('https://fonts.googleapis.com/css?family=Lobster|Kelly+Slab|Audiowide|Great+Vibes|Rochester')
Как подключаются шрифты. Они берутся вот отсюда: 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.

Шрифты подразделяются на несколько категорий:

Serif - переводится как "Засечки". Обычно это перпендикулярный штрих на краях букв, но могут быть разной формы. Согласно общепринятому мнению, засечки направляют движение глаз вдоль строк при чтении крупных массивов печатного текста. Oни способствуют связи букв в единую линию, облегчая визуальное восприятие и удобочитаемость текста.


Sans Serif - переводится как "Без засечек", ру́бленый шрифт. По другому его называют "Гроте́ск", от американского варианта "gothic type" — «готический шрифт». Гротески имеют строгие геометрические формы букв, как бы обрубленный античный вид.


Display - нововведение классификации Google, это акцидентные шрифты, предназначенные для набора титульных листов, ярлыков, афиш, плакатов, а также для шрифтовых выделений и т.п..


Handwriting - Рукописный шрифт, применяются для имитации рукописи, в зависимости от пишущего инструмента, имитирующие письмо ширококонечным пером, остроконечным пером, кистью и другими инструментами (карандаш, маркер, шариковая ручка и т.д.)


Monospace - Моноширинный шрифт, все знаки которого имеют одинаковую ширину, обычно применяется для выравнивания строк.

Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например - увеличение на единицу от стандартного значения.
Я выбрал для форума набор из популярных шрифтов и добавил их сразу в шаблон стилей форума.

Merriweather
Roboto
Roboto Condenced
Roboto Mono
Open Sans
Kelly Slab

[FONT="Merriweather"]Merriweather
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Roboto
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Roboto Condensed
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Roboto Mono
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Monospace
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Open Sans
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

Kelly Slab
Помимо этих веб-шрифтов, так же можно указывать стандартные названия шрифтов Windows, как Arial, Arial Narrow, Arial Black, Georgia, Lucida Console, Monospace, Palatino Linotype, Serif, Sans-Serif, Tahoma, Verdana и т.д.. Они будут автоматически подхватываться на компьютере пользователя, если они установлены в системе. Но если вдруг у пользователя не окажется указанного шрифта, будет отображаться шрифт по умолчанию, обычно Serif. А в указании размера допустимо использование увеличения +1, +2, +3 и т.д., например [FONT="+1"] - увеличение на единицу от стандартного значения.

[in1975]

@import url('https://fonts.googleapis.com/css?family=Marck+Script|Ravi+Prakash')Там логотип его с флагом.
Ок.
Добавь синтаксиса в шапку. Ты еще забыл в анимированном пульсирующий:


Про рейтинг: вот еще тут можно посмотреть (http://jsfiddle.net/CGP87/3263/)

[in1975]

Такой шрифт найдем (http://www.fontspace.com/westral-fonts/slim-play) или импортируем?

Вообще неплохое семейство. (http://www.fontspace.com/westral-fonts)

[ErikPshat]

Не выходит...
Тоже немного помучился :) Смотри в шапке "Шрифты".

Синтаксис HTML: <style>
@font-face {
font-family: 'Твоё название';
src: url('ссылка');
}
</style>


PlayStation 3

[in1975]

ErikPshat, может добавим их в панель шрифтов (те что в меню панели)?

[ErikPshat]

in1975, да не, и эти уже грузят форум. Там десяток килобайт, там десяток, стили и всякие скрипты, итого накапливается много. Даже не просто по весу, а по их отклику и ожиданию прогрузки.

[in1975]

ErikPshat, ок, будем юзать так.

[vash]

Всё правильно, Еркен, на форуме не так много людей вообще шрифты меняют. В основном в шаблонах тем.

[in1975]

Оформительством в основном я балуюсь (http://www.pspx.ru/forum/showpost.php?p=1120316) :blush:. Мне не сложно скопировать нужный синтаксис :)

[ErikPshat]

Короче, добавил в шрифты на форум пока 2 штуки: PlayStation, EA Logo
@font-face {
font-family: 'PlayStation';
src: url('attachment.php?attachmentid=13453')
}

@font-face {
font-family: 'EA Logo';
src: url('attachment.php?attachmentid=13439')
}


Удалил из списка шрифтов лишние, которые в принципе не лежат на форуме, а это стандартные шрифты из Виндового набора:

Arial Narrow
Calibri
Georgia
Palatino Linotype
Tahoma

Нет, пока оставил, ибо пустое место плохо смотрится.
В сообщениях форума желательно убрать добавленные стили этих шрифтов. Иначе, при просмотре информации о юзере, отображается, якобы он смотрит тему "Font Awesome" в админке.

P.S. Какие ещё добавить часто используемые?

[in1975]

ErikPshat, @font-face {font-family: 'XBold'; src: url('attachment.php?attachmentid=13456')} Xbox,@font-face {font-family: 'Nintender'; src: url('attachment.php?attachmentid=13449')} Nintender,@font-face {font-family: 'MTV'; src: url('attachment.php?attachmentid=13447')} MTV

[ErikPshat]

ОК, добавил: MTV, Nintender, Xbox.
@font-face {
font-family: 'MTV';
src: url('attachment.php?attachmentid=13447')
}
@font-face {
font-family: 'Nintender';
src: url('attachment.php?attachmentid=13449')
}
@font-face {
font-family: 'Xbox';
src: url('attachment.php?attachmentid=13456')
}


Просто размер у них небольшой:

EA Logo.ttf (5.5 Кб)
MTV.ttf (8.4 Кб)
Nintender (WIP).ttf (16.9 Кб)
Slim Play.ttf (10.6 Кб)
XBold.ttf (8.4 Кб)

Для сравнения, один Roboto весит наверное 500КБ.

[in1975]

Кстати, для информации: Apple использовала набор шрифтов Helvetica (https://fonts.google.com/?query=Helvetica)в качестве системного шрифта для iOS с момента выпуска первого iPhone. Они также заменили им Lucida Grande (https://www.fonts-online.ru/font/Lucida-Grande) в Mac OS X, начиная с версии 10.10 Yosemite. Так iOS 9 стал официально доступен для всех, и новое семейство шрифтов под названием San Francisco (https://www.fonts-online.ru/font/San-Francisco) ненавязчиво заменило Helvetica Neue.

Также наткнулся на шрифты андроид (https://fonts.google.com/?query=android), вот еще (https://www.fonts-online.ru/search/node/android), и еще (http://www.fontspace.com/search/?q=android)

@font-face {font-family: 'SNES'; src: url('attachment.php?attachmentid=13454')}

[ErikPshat]

in1975, и что ты хочешь этим сказать?

[in1975]

ErikPshat, кому-то в соответствующих разделах может пригодиться ;) Особенно мне понравился этот шрифт. (https://www.fonts-online.ru/font/Android-KG)

[ErikPshat]

Ну практического применения в письме никакого не вижу, разве что только в разделе Андроид.

Пока только в шапку добавил.

[ErikPshat]

Вот здесь случайно заметил прикольными кириллическими шрифтами текст написан: http://nd.ru/sniper/
Шрифты необычные и названия странные, видимо сами рисовали или по лицензии где-то брали.
Можно стырить, они лежат у них же на сервере:

http://nd.ru/sniper/fonts/fonts.css
http://nd.ru/sniper/fonts/fonts2.css

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 (https://www.fontsquirrel.com/tools/webfont-generator).
Туда можно загрузить любой шрифт и на выходе получить букет во всяких форматах и с HTML-страницей с демонстрацией как выглядит шрифт в разных ракурсах.

[in1975]

ErikPshat, последние 2 мне понравились.

[in1975]

Вышла 5 версия. (https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner)

Иконки. (https://fontawesome.com/icons?d=gallery)

[in1975]

ErikPshat, дополнительные шрифты вижу во вложении. А сам Font Awesome v4.7 куда залил? Хочу версию 5.0.8 добавить и чтобы все в 1 месте было.

[ErikPshat]

in1975, ну так в хейдере где-то.
Так они не совместимы. Там разный код.

[in1975]

ErikPshat, ну там отличия в синтаксисе минимальны far вместо fa. Просто ссылка на иконки ведет на 5 версию, нехорошо как-то

[ErikPshat]

in1975, в смысле? Ссылка на иконки ведёт на свою версию. А fav - это уже другая история. Или у тебя есть какой-то выход, чтобы поддерживать и 4-ую версию и 5-ую?

Можно наверное через Java сделать условие, типа
if fa == 4.xx {
make fa
} else {
make fav
}

[in1975]

Ссылка на иконки
http://fontawesome.io/icons

Блин, там везде разный синтаксис :(

[in1975]

Хочу такую иконку (https://fontawesome.com/icons/xbox?style=brands). А можно и все от 5й версии :)

[ErikPshat]

in1975, надо бы вспоминать как мы тогда прикрутили 4-ую версию :) Ну и прикрутить 5-ую.

[ErikPshat]

Вышло обновление до Font Awesome v5.2 (https://fontawesome.com/changelog/latest?utm_source=ea&utm_campaign=5.2).
Здесь инструкция по использованию - How to Use (https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css)
На той странице есть ссылка по апгрейду с версии 4 на версию 5 - Upgrading from Version 4 (https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4)

Это на заметку. Как будет время, надо бы реализовать переход на версию 5.

[in1975]

ErikPshat, как процесс идет? Вижу, что ты уже хитро юзаешь их, но не расписал что и как :)

[ErikPshat]

in1975, да нет, я же юзаю иконки версии 4. С новой пока не возился. У 5-ой версии иконки имеют навзвание fas или fab или как-то так из 3-ёх букв.

[ErikPshat]

in1975, видимо ты ту иконку залил куда-то во вложение, а потом кто-то удалил вложение или само сообщение :)

[ErikPshat]

in1975, короче, убираю все эти шрифты из шаблона форума headinclude:
<!-- Fonts for forum -->
<style type="text/css">
@font-face {
font-family: 'EA Logo';
src: url('attachment.php?attachmentid=13439')
}
@font-face {
font-family: 'MTV';
src: url('attachment.php?attachmentid=13447')
}
@font-face {
font-family: 'Nintender';
src: url('attachment.php?attachmentid=13449')
}
@font-face {
font-family: 'PlayStation';
src: url('attachment.php?attachmentid=13453')
}
@font-face {
font-family: 'Xbox';
src: url('attachment.php?attachmentid=13456')
}
</style>
<!-- / Fonts for forum -->
Ибо используются очень редко, в единичных случаях и баловство всё это.
А форум тормозят и мне надоело наблюдать в профилях пользователей, как будто они смотрят тему FontAwesome.

Ещё такая строчка есть, её пока оставляю:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kelly+Slab|Merriweather|Roboto|Roboto+Condensed|Roboto+Mono&amp;subset=cy rillic">
Надоело наблюдать почти у всех юзеров в профиле вот такую картину:

15057

[in1975]

ErikPshat, Шрифт плейстейшн я постоянно пользую.

А хбокс шрифт в разделе хбокс красиво смотрится. А ЕА лого ты и сам использовал!

Злой ты :cray:

[ErikPshat]

in1975, да уже надоело у всех в профиле наблюдать "Смотрит вложение Font Awesome bb-код [ICON]" вместо настоящей темы.

[in1975]

ErikPshat, а зачем тебе эта информация? кто что смотрит... Или товарищ полковник хочет все контролировать? ;)

Шрифты - нужная дизайнерская вещь, а вот то о чем ты говоришь - ненужная фича...

[ErikPshat]

in1975, Мне не нравится, что сломалась функция форума, в частности для админов, потому что из-под обычного юзера всё нормально и так отображалось.
Ну я привык видеть эту функцию на своём месте. И меня раздражает, когда эти шрифты всё ломают.

Если тебе так важно отображать в теме эти шрифты, тогда залей их во вложение и выведи через STYLE.
Я не вижу в этом что-то особо важное, потому что это используется буквально в нескольких постах, а не во всех темах форума. И ради этого украшательства не вижу смысла терять другую функциональность.

Либо, нужно найти лазейку, чтобы залить эти шрифты в папки форума, а не во вложение.

[ErikPshat]

in1975, пилиять, снова такая фигня https://i2.imageban.ru/out/2018/10/25/d54fb1bf5ec443dc923f4153a8ec7389.png (https://i1.imageban.ru/out/2018/10/25/823b43f3cb3776a2f6df4c45ade8feb7.png)

Ну я же говорил, не надо ссылки кидать на тему в админке во вложение. Заливай файл шрифта в ту тему, где его используешь. Хотя тут и положительный момент есть - по ссылке сразу попадаешь в эту тему :D

[in1975]

Заливай файл шрифта в ту тему, где его используешь.
Не очень мудрое решение. Мы так весь HDD засрем.

[ErikPshat]

in1975, а что тогда делать, другого решения не вижу. А урезать админский функционал вообще не вижу резона и тебя, как админа, это должно в первую очередь волновать, а не выделение особым шрифтом одного слова SONY во всей теме, куда подгружается шрифт.

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

[ErikPshat]

Ну я написал в личку viper с просьбой залить архив в корень форума, архив в шапке подготовил.
Не знаю, когда он его прочтёт и соизволит ли выполнить просьбу.
Ура-а-а, viper услышал меня и залил в корень форума папку Fonts из архива в шапке.

Вот, для примера, твой любимый шрифт PlayStation: http://www.pspx.ru/forum/Fonts/Slim Play.ttf (http://www.pspx.ru/forum/Fonts/Slim Play.ttf)

Так что убирай из всех сообщений вложения с этими шрифтами и ссылки на вложение в этой теме.

[ErikPshat]

Добавил шрифты обратно в headinclude с новыми путями:
(у некоторых шрифтов не хватает параметров для оптимизации)
<!-- Fonts for forum -->
<style type="text/css">
@font-face {
font-family: 'Kelly Slab';
font-style: normal;
font-weight: 400;
src: local('Kelly Slab'), local('KellySlab-Regular'), url('Fonts/Kelly Slab.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url('Fonts/Merriweather.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url('Fonts/Roboto.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('Fonts/Roboto Condensed.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: local('Roboto Mono'), local('RobotoMono-Regular'), url('Fonts/Roboto Mono.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'EA Logo';
src: url('Fonts/EA Logo.ttf')
}
@font-face {
font-family: 'MTV';
src: url('Fonts/MTV.ttf')
}
@font-face {
font-family: 'Nintender';
src: url('Fonts/Nintender (WIP).ttf')
}
@font-face {
font-family: 'PlayStation';
src: url('Fonts/Slim Play.ttf')
}
@font-face {
font-family: 'Xbox';
src: url('Fonts/XBold.ttf')
}
</style>
<!-- / Fonts for forum -->
Удалил подгрузку внешних шрифтов из Google:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kelly+Slab|Merriweather|Roboto|Roboto+Condensed|Roboto+Mono&amp;subset=cy rillic">
Добавил в список шрифтов во "Все опции стиля" обратно эти шрифты (они доступны теперь в панели редактирования для выбора):
Arial Black
EA Logo
Georgia
Kelly Slab
Merriweather
Monospace
Monotype Corsiva
MTV
Nintender
Palatino Linotype
PlayStation
Roboto
Roboto Condensed
Roboto Mono
Comic Sans MS
Times New Roman
Xbox
В шапке тоже во вкладке Шрифты изменил все ссылки на все имеющиеся в папке Fonts шрифты.
Там можно посмотреть список примеров и как они выглядят.
Из вложения удалил все шрифты.

[ErikPshat]

in1975, теперь в профиле юзеры смотрят этот пост: http://www.pspx.ru/forum/showpost.php?p=1150433

[ErikPshat]

@font-face{font-family:"Sony-Icons-Footer";src:url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),url("data:application/x-font-ttf;charset=utf-8;base64,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 BiMiPQEzNTQnBxYzMjc2PQE0JyYjIgc1IxczJxQXFjMyNxUzNSMVBiMiJzE9ASMHMzUzNSMVMxciJzU2 MzIXFh0BFDc1NDYzMh4BHQEnIicmPQEzFRQXFRYzMjczNTMVIzUHBioBJyY9ATQ3NjIXFh0BFAcmIh0B FDI9AQc1JicuAyczFzczBxUBDQpdNQ4WAwcHByEsZwcIZSwgBwcHAxcONViIJAsICAsTEgsEAgEcAgcK Lwh9CwsQBQICBRALCxsBGnECBQwLDRwcBwUDARs+HRxVHLkFBQUFBAICRAUFBAMCSAoDAhMBAQYHCQET EwQOQiAKBwcKIAoHBw0aGmcCDgEFBAQCFxQTFh4BwP4cBgEVDh16HSADBQUDIB16HQ4UAga1DgsVKhQL Dg8GCAEEBQQFAg0IEBYYFQtsCxAGFDAWBRALNa0cCwgLDQuDYwkECGCDkRwcegVJBQQDCTQPPQoIBAEF BgqgCQgKZF0EBAEHDGF9EgQQDQgVLRUIDQ0IFS0VCGIUNRQUNVlEDSoDEAgPBEpKZUQAAAAOAK4AAQAA AAAAAABFAIwAAQAAAAAAAQARAPYAAQAAAAAAAgAMASIAAQAAAAAAAwAsAYkAAQAAAAAABAARAdoAAQAA AAAABQAQAg4AAQAAAAAABgARAkMAAwABBAkAAACKAAAAAwABBAkAAQAiANIAAwABBAkAAgAYAQgAAwAB BAkAAwBYAS8AAwABBAkABAAiAbYAAwABBAkABQAgAewAAwABBAkABgAiAh8AQwByAGUAYQB0AGUAZAAg AGIAeQAgAGoAZQBuAGsAaQBuAHMALQBzAGwAYQB2AGUAIAB3AGkAdABoACAARgBvAG4AdABGAG8AcgBn AGUAIAAyAC4AMAAgACgAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGYAbwByAGcAZQAuAHMAZgAuAG4AZQB0 ACkAAENyZWF0ZWQgYnkgamVua2lucy1zbGF2ZSB3aXRoIEZvbnRGb3JnZSAyLjAgKGh0dHA6Ly9mb250 Zm9yZ2Uuc2YubmV0KQAAUwBvAG4AeQAtAEkAYwBvAG4AcwAtAEYAbwBvAHQAZQByAABTb255LUljb25z LUZvb3RlcgAASQBjAG8AbgBzAC0ARgBvAG8AdABlAHIAAEljb25zLUZvb3RlcgAARgBvAG4AdABGAG8A cgBnAGUAIAAyAC4AMAAgADoAIABTAG8AbgB5AC0ASQBjAG8AbgBzAC0ARgBvAG8AdABlAHIAIAA6ACAA NAAtADQALQAyADAAMQA2AABGb250Rm9yZ2UgMi4wIDogU29ueS1JY29ucy1Gb290ZXIgOiA0LTQtMjAx NgAAUwBvAG4AeQAtAEkAYwBvAG4AcwAtAEYAbwBvAHQAZQByAABTb255LUljb25zLUZvb3RlcgAAVgBl AHIAcwBpAG8AbgAgADAAMAAxAC4AMAAwADAAIAAAVmVyc2lvbiAwMDEuMDAwIAAAUwBvAG4AeQAtAEkA YwBvAG4AcwAtAEYAbwBvAHQAZQByAABTb255LUljb25zLUZvb3RlcgAAAAIAAAAAAAD/wAAZAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlGMDUwB3VuaUYwNTEH dW5pRjA1Mgd1bmlGMDUzB3VuaUYwNTQHdW5pRjA1NQAAAAH//wACAAAAAQAAAADJiW8xAAAAANMnqRQAAAAA0yepFA==") format("truetype");font-weight:normal;font-style:normal}Всем привет! Проверка связи. Тестируется Сони фонт. Стырено с сайта Сони (https://store.playstation.com/ru-ru/product/EP1001-NPEB01241_00-HDDBOOT000000000) :D
XCOM®: Enemy Unknown - это английские буквы.
XCOM®: Enemy Unknown - это английские буквы.

А это наш обычный фонт, есть разница? Наверное разница есть,
ведь здесь просто фонт, а там base64 формат, charset=utf-8 и крупнее.

[in1975]

ErikPshat, для наглядности добавил контрольную строчку :)

[Bobbi]

Наткнулся на хорошие компьютерные шрифты вот здесь https://ffont.ru/. Может, пригодятся кому. Мне пригодились. Пользуйтесь.

[ErikPshat]

Наткнулся на хорошие компьютерные шрифты
Только тема не о том. В названии темы понятно.