Перейти к содержанию

Как изменить шрифт в Font Awesome pro


Рекомендуемые сообщения

Поставил Font Awesome pro.

Не могу понять как изменить шрифт значка

К примеру пользователь 

 .ipsItemStatus.ipsItemStatus_large ::before{  
    content: "\f0c0";
}

Добовляю шрифт так 
    font-family: "far";
или     font-family: ".far";
Но не работает... 

Просто квадратик ... может что то не так делаю ? 

Ссылка на комментарий
Поделиться на другие сайты

1 час назад, AnWey сказал:

Поставил Font Awesome pro.

Не могу понять как изменить шрифт значка

К примеру пользователь 


 .ipsItemStatus.ipsItemStatus_large ::before{  
    content: "\f0c0";
}

Добовляю шрифт так 
    font-family: "far";
или     font-family: ".far";
Но не работает... 

Просто квадратик ... может что то не так делаю ? 

а разве не fa far?

Ссылка на комментарий
Поделиться на другие сайты

4 минуты назад, Elhombre сказал:

а разве не fa far?

не понял ? 

Ссылка на комментарий
Поделиться на другие сайты

Так, ладно) Что мешает просто внедрить стандартный код?

<i class="fa far"></i>

 

Ссылка на комментарий
Поделиться на другие сайты

14 минут назад, Elhombre сказал:

Так, ладно) Что мешает просто внедрить стандартный код?


<i class="fa far"></i>

 

Мне нужно только, на одной иконки шрифт поменять... 

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, AnWey сказал:

Мне нужно только, на одной иконки шрифт поменять... 

Ну тем более...поставьте в нужно место данный код и всё, зачем заморачиваться то со шрифтом целиком? 🤦‍♂️

Ссылка на комментарий
Поделиться на другие сайты

35 минут назад, Elhombre сказал:

Ну тем более...поставьте в нужно место данный код и всё, зачем заморачиваться то со шрифтом целиком? 🤦‍♂️

И где тут это ставить)?? чтоб в одной категории поменять.  

1920x840_Axion_Label_new.jpg

Ссылка на комментарий
Поделиться на другие сайты

AnWey я вообще не понимаю, где нужно поставить иконку? В названии категории?

Тогда этот код вставить в название категории в админке.

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Elhombre сказал:

AnWey я вообще не понимаю, где нужно поставить иконку? В названии категории?

Тогда этот код вставить в название категории в админке.

Иконка уже стоит...

Как поменять шрифт через это...

[data-forumid="2"]
.ipsItemStatus.ipsItemStatus_large ::before{  
     content: "\f0c0";     
}

 

1920x840_Axion_Label_new.jpg

Ссылка на комментарий
Поделиться на другие сайты

AnWey  ааа, ну понятно. Иконка отображается через Unicode. Вам в каталоге иконок нужно посмотреть уникод иконки и просто его заменить.

917110064_Screenshot(2).png.2c0c04d9cc24f54e242732c86da87971.png

Вот в этой строчке заменить код:

content: "\f0c0";

 

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, Elhombre сказал:

AnWey  ааа, ну понятно. Иконка отображается через Unicode. Вам в каталоге иконок нужно посмотреть уникод иконки и просто его заменить.

917110064_Screenshot(2).png.2c0c04d9cc24f54e242732c86da87971.png

Вот в этой строчке заменить код:



content: "\f0c0";

 

Не как поменять Unicode, а как поменять шрифт в Unicode.........

Изменено пользователем AnWey
Ссылка на комментарий
Поделиться на другие сайты

AnWey понятно :) Может тогда не far, а Regular style?

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, Elhombre сказал:

AnWey понятно :) Может тогда не far, а Regular style?

не работает ) 

Ссылка на комментарий
Поделиться на другие сайты

AnWey это вообще приложение, плагин или что-то стороннее?

Если бы подключал сам, мог бы сказать, а так сложно понять, есть ли там какие-то настройки может или как вообще устанавливали?

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Elhombre сказал:

AnWey это вообще приложение, плагин или что-то стороннее?

Если бы подключал сам, мог бы сказать, а так сложно понять, есть ли там какие-то настройки может или как вообще устанавливали?

Даже не знаю как вам и ответить... на этот вопрос)))

как устанавливал, вот видео. 

 

Ссылка на комментарий
Поделиться на другие сайты

Попробуйте вот так:

font-family: 'Font Awesome 5 Regular';

Тут ещё может влиять две кавычки или одна, надо и так, и так попробовать

А лучше сразу вот так:

font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular';

 

Изменено пользователем Elhombre
Ссылка на комментарий
Поделиться на другие сайты

10 минут назад, Elhombre сказал:

Попробуйте вот так:


font-family: 'Font Awesome 5 Regular';

Тут ещё может влиять две кавычки или одна, надо и так, и так попробовать

А лучше сразу вот так:


font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular';

 

Не работает, просто кубик. надо думать... 

Ссылка на комментарий
Поделиться на другие сайты

6 минут назад, AnWey сказал:

Не работает, просто кубик. надо думать... 

Вы оба способа попробовали? Вы явно что-то делаете не так :) 

Ссылка на комментарий
Поделиться на другие сайты

Только что, Elhombre сказал:

AnWey двойные кавычки, не?)

не помогло говорю же... 

Ссылка на комментарий
Поделиться на другие сайты

17 минут назад, Elhombre сказал:

AnWey двойные кавычки, не?)

Есть подозрение что в коде тема, вся проблема, он по дефолту всем задает тип шрифта fa,  я думаю может вырезать , только как его вырезать или отключить я без понятия.... 

s-l1600 (1).jpg

Может и за этого я шрифт другой задать не могу... я хз 

1920x840_Axion_Label_new.jpg

Ссылка на комментарий
Поделиться на другие сайты

<i class="fa fa-comments"></i> может как то врезаться в этот код и указать так

<i class="fa fa-comments"></i> [data-forumid="2"] <i class="fa far"></i> ???

 

Ссылка на комментарий
Поделиться на другие сайты

Вопрос исчерпан! 

Выражается благодарность этой теме и человеку) 

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...