fontawesome и before

12
M
На сайте с 20.08.2004
Offline
376
481

Друзья, подскажите почему не отображает нужную иконку \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;

отец сыночка, лапочки дочки и еще одного сыночка
IL
На сайте с 20.04.2007
Offline
435
#1

Miracle,

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

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

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

content: "\f082";
font-family:"Font Awesome 5 Brands"
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
M
На сайте с 20.08.2004
Offline
376
#2

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

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

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

S2
На сайте с 08.03.2014
Offline
50
#3

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

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

IL
На сайте с 20.04.2007
Offline
435
#4
Miracle:
ваш код не сработал бы! именно так я и делал

https://jsfiddle.net/usg09vLx/

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

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

ivan-lev:
font-family:"Font Awesome 5 Brands"
O
На сайте с 30.09.2019
Offline
18
#5
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;

M
На сайте с 20.08.2004
Offline
376
#6
ivan-lev:
https://jsfiddle.net/usg09vLx/
У меня сработал, у него не сработал.. 😂
Возможно, у нас браузеры разные.. ) али ещё чего..

хром

фф



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

а вот с вашим BRANDS



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

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

IL
На сайте с 20.04.2007
Offline
435
#7
Miracle:
проделайте все тоже самое для f10e

Зачем?

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

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

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

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

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

.fa, .fas {
font-weight: 900;
}
IL
На сайте с 20.04.2007
Offline
435
#8
Miracle:
проделайте все тоже самое для f10e

Зачем?

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

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

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

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

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

.fa, .fas {

font-weight: 900;
}
IL
На сайте с 20.04.2007
Offline
435
#9
Miracle:
проделайте все тоже самое для f10e

Зачем?

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

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

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

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

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

.fa, .fas {
font-weight: 900;
}
IL
На сайте с 20.04.2007
Offline
435
#10
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 ----------

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

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

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий