Jump to content

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

Featured Replies

Posted
comment_165437

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

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

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

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

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

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

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

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

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

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


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

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

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

а разве не fa far?

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

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


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

 

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

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

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

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

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

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

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

1920x840_Axion_Label_new.jpg

comment_165450

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

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

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

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

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

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

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

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

 

1920x840_Axion_Label_new.jpg

comment_165452

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

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

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

content: "\f0c0";

 

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

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

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

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



content: "\f0c0";

 

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

Edited by AnWey

comment_165456

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

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

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

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

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

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

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

 

comment_165458

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

font-family: 'Font Awesome 5 Regular';

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

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

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

 

Edited by Elhombre

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

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


font-family: 'Font Awesome 5 Regular';

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

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


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

 

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

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

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

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

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

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

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

s-l1600 (1).jpg

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

1920x840_Axion_Label_new.jpg

  • Author
comment_165465

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

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

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.