fontawesome и before

Miracle

31 марта 2020, 14:05

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

31 марта 2020, 14:24

Miracle,

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

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

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

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

Miracle

31 марта 2020, 17:20

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

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

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

Sokol2012

31 марта 2020, 17:31

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

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

ivan-lev

31 марта 2020, 18:26

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

https://jsfiddle.net/usg09vLx/

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

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

fontawesome и before

ivan-lev:
font-family:»Font Awesome 5 Brands«

onep

31 марта 2020, 18:38

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

8 апреля 2020, 05:33

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

8 апреля 2020, 09:05

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

8 апреля 2020, 09:05

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

8 апреля 2020, 09:05

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

8 апреля 2020, 09:06

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 ———-

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

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

Похожие записи:

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