CSS и псевдоклассы after

i.lisovenko
На сайте с 14.01.2022
Offline
40
600

Народ, никогда не использовать псевдоклассы и вот интересует момент, там можно только картинки и просто набор букв использовать или же можно использовать как то такую штуку например <i class="fas fa-long-arrow-alt-up"></i> пробовал просто воткнуть и не работает) Оно вообще возможно? Хочу стрелочку из стороннего шрифта туда воткнуть а пока получается только обычные html стрелочки (это для сортировки хочу) вместо убогих стрелочек что сейчас, а то были стрелочки вообще в виде рисунков..

Вот эту стрелочку просто вставил скопировав символ  ↑ а всякие коды и юникоды чего то не работают, а хочу вообще по возможности из стороннего шрифта, который подключен к сайту. ВОзможно ли это?

Сайт знакомств https://bluepink.life
i.lisovenko
На сайте с 14.01.2022
Offline
40
#1
Нашел что юникодом можно, но не то( А как нибудь из своего шрифта можно? ВОт например хочу из этого шрифта (он подключен на сайте) https://fontawesome.com/v5/icons/long-arrow-alt-up?s=solid но используя код f30c и вставляя его в  css  так \f30c и без слеша и просто копируя символ не работает никак(
Academik
На сайте с 19.02.2022
Offline
15
#2
i.lisovenko #:
Нашел что юникодом можно, но не то( А как нибудь из своего шрифта можно? ВОт например хочу из этого шрифта (он подключен на сайте) https://fontawesome.com/v5/icons/long-arrow-alt-up?s=solid но используя код f30c и вставляя его в  css  так \f30c и без слеша и просто копируя символ не работает никак(

Если шрифт подключён, то попробуйте так:

.block:after{
  font-family: fontawesome;
  content: '\f30c';
  font-size: 15px;
}
i.lisovenko
На сайте с 14.01.2022
Offline
40
#3
Academik #:
font-family: fontawesome;

Супер спасибо!!!!! Получилось!

i.lisovenko
На сайте с 14.01.2022
Offline
40
#4
Academik #:

Если шрифт подключён, то попробуйте так:

Хотя нет( Рано обрадовался( Обновил кеш и стрелочка квадратиком стала типа неизвестный символ(

W1
На сайте с 22.01.2021
Offline
289
#5
i.lisovenko #:
стрелочка квадратиком стала типа неизвестный символ

Вообще-то должно работать. Попробуйте подставить более стандартный символ и проверить, есть ли ваша стрелочка в подключенном шрифте.

Мой форум - https://webinfo.guru –Там я всегда на связи
i.lisovenko
На сайте с 14.01.2022
Offline
40
#6
webinfo #:

Вообще-то должно работать. Попробуйте подставить более стандартный символ и проверить, есть ли ваша стрелочка в подключенном шрифте.

Так конечно есть, все иконки на сайте это именно из этого шрифта. И когда я просто в шаблон вставляю, все везде прекрасно работает, но тут через стиль и псевдокласс. Вот как только вставил, стрелочка обновилась и была нужная, а потом очистил кеш и все( 

W1
На сайте с 22.01.2021
Offline
289
#7
i.lisovenko #:

Так конечно есть, все иконки на сайте это именно из этого шрифта.

Посмотрите в файле CSS, как этот шрифт подключен. Возможно, у него какое-то другое название - буквы там заглавные где-то, пробелы какие-нибудь...

i.lisovenko
На сайте с 14.01.2022
Offline
40
#8
webinfo #:

Посмотрите в файле CSS, как этот шрифт подключен. Возможно, у него какое-то другое название - буквы там заглавные где-то, пробелы какие-нибудь...

Действительно! Оказалось что у этого шрифта штук 10 внутри шрифта названий и просто надо было найти нужное! Спасибо, проблемка решена!!!

YmersY
На сайте с 29.01.2007
Offline
254
#9
Интересный опыт. Оставлю комментарий, чтоб найти эту тему потом в случае необходимости. Лойс для webinfo выше оставил
Ссылки под Google со СМИ - дешевле, чем в биржах - Пиши в личку, не стесняйся! Если же у вас есть ссылки под Google дешевле бирж - тоже пишите, куплю!

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