Jump to content

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


AnWey

Recommended Posts

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

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

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

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

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

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

Link to comment
Share on other sites

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

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

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

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


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

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

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

а разве не fa far?

Link to comment
Share on other sites

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

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


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

 

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

1920x840_Axion_Label_new.jpg

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

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

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

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

 

1920x840_Axion_Label_new.jpg

Link to comment
Share on other sites

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

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

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

content: "\f0c0";

 

Link to comment
Share on other sites

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

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

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

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



content: "\f0c0";

 

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

Edited by AnWey
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

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

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

 

Link to comment
Share on other sites

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

font-family: 'Font Awesome 5 Regular';

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

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

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

 

Edited by Elhombre
Link to comment
Share on other sites

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

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


font-family: 'Font Awesome 5 Regular';

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

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


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

 

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

s-l1600 (1).jpg

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

1920x840_Axion_Label_new.jpg

Link to comment
Share on other sites

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

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

 

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...