fontawesome и before


Miracle
468

Друзья, подскажите почему не отображает нужную иконку f10e?

https://jsfiddle.net/elcarim/doxtv0cp/7/

спасибо.

body {

font-family: arial;

font-size: 1.5rem;

}

li.facebook:before {

content: “f10e”;

font-family: “Font Awesome 5 free”;

}

li.tw:before {

content: “f099”;

font-family: “Font Awesome 5 free”;

}

li {

list-style:none;

}

———- Добавлено 31.03.2020 в 17:11 ———-

https://jsfiddle.net/elcarim/doxtv0cp/8/

f164 – поднятый палец. работает…

———- Добавлено 31.03.2020 в 17:15 ———-

всем спасибо.

нашел причину

font-weight: 600;


ivan-lev

Miracle,

А почему как с твиттером не сделать?

<i class="fab fa-facebook-f"></i>
<i class="fab fa-facebook-square"></i>

Ну, или раз уж хоцца “ручками”, то

content: "f082";
font-family:"Font Awesome 5 Brands"


Miracle

надо было именно ручками. )

ivan-lev:
Ну, или раз уж хоцца “ручками”, то

ваш код не сработал бы! именно так я и делал


Sokol2012

Попробуйте добавить этот фрагмент кода в ваш файл стилей:

@import url(“https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css”);


ivan-lev

Miracle:
ваш код не сработал бы! именно так я и делал

https://jsfiddle.net/usg09vLx/

У меня сработал, у него не сработал.. 😂

Возможно, у нас браузеры разные.. ) али ещё чего..

fontawesome и before

ivan-lev:
font-family:”Font Awesome 5 Brands


onep

ivan-lev:
font-family:”Font Awesome 5 Brands”

Можно и font-family: “Font Awesome 5 Free”;

для Solid: font-weight: 900;

для Regular: font-weight: 400;

для Brand: font-weight: 600;


Miracle

ivan-lev:
https://jsfiddle.net/usg09vLx/

У меня сработал, у него не сработал.. 😂

Возможно, у нас браузеры разные.. ) али ещё чего..

fontawesome и before

хром

fontawesome и before

фф

fontawesome и before

———- Добавлено 08.04.2020 в 08:34 ———-

а вот с вашим BRANDS

fontawesome и before

———- Добавлено 08.04.2020 в 08:37 ———-

проделайте все тоже самое для f10e


ivan-lev

Miracle:
проделайте все тоже самое для f10e

Зачем?

В смысле, в посте выше ссылка. Она у меня открывается так, как приложено в том же посте.

Если нужны кавычки, можно подглядеть

а) готовый код на https://fontawesome.com/icons/quote-right

<li><i class="fas fa-quote-right"></i> Quote</li>

б) заглянуть в css, чтобы увидеть

.fa, .fas {
font-weight: 900;
}


ivan-lev

Miracle:
проделайте все тоже самое для f10e

Зачем?

В смысле, в посте выше ссылка. Она у меня открывается так, как приложено в том же посте.

Если нужны кавычки, можно подглядеть

а) готовый код на https://fontawesome.com/icons/quote-right

<li><i class="fas fa-quote-right"></i> Quote</li>

б) заглянуть в css, чтобы увидеть

.fa, .fas {

font-weight: 900;
}


ivan-lev

Miracle:
проделайте все тоже самое для f10e

Зачем?

В смысле, в посте выше ссылка. Она у меня открывается так, как приложено в том же посте.

Если нужны кавычки, можно подглядеть

а) готовый код на https://fontawesome.com/icons/quote-right

<li><i class="fas fa-quote-right"></i> Quote</li>

б) заглянуть в css, чтобы увидеть

.fa, .fas {
font-weight: 900;
}


ivan-lev

Miracle:
проделайте все тоже самое для f10e

Зачем?

В смысле, в посте выше ссылка. Она у меня открывается так, как приложено в том же посте.

Если нужны кавычки, можно подглядеть

а) готовый код на https://fontawesome.com/icons/quote-right

<li><i class="fas fa-quote-right"></i> Quote</li>

б) заглянуть в css, чтобы увидеть

.fa, .fas {

font-weight: 900;
}

———- Добавлено 08.04.2020 в 12:15 ———-

Ох, интернет подвис, видать.. 😮

Пожалуйтесь кто-нибудь на дубли..

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *