Как понять что за иконки, как посмотреть все остально?

Question

[Алексей]

<i class="icon-homebread"></i>рисует домик.

Answer 1

[Алексей]

Это "иконочный шрифт".
Пример - https://fontawesome.ru/

Comments

[Алексей]

Он задается классом? а не символом?

[Алексей]

Алексей, да. Очень удобно :) Посмотреть все иконки можно посмотрев/скачав шрифт

[Алексей]

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

[Алексей]

Алексей, ищите в исходном коде CSS

[Алексей]

Алексей, можно прямую ссылку где будет укачано какой класс какой иконке соответствует?
у всех иконочных шрифтов по разному, универсального решения с ссылками нет. Смотрите конкретно css конкретного сайта, где вам нравятся иконки

[Алексей]

Алексей, где его тут найти? begets4w.beget.tech/?p=33277
выводит домик

[Алексей]

Алексей, begets4w.beget.tech/wp-content/themes/tempera/font...

[Алексей]

Как вы нашли ссылку на все шрифты и как здесь найти все остальные иконки т.е. на каком сайте их посмотреть?

[tyzberd]

Алексей, вот он joxi.ru/eAO4J56hxWxLjr

[Алексей]

begets4w.beget.tech/wp-content/themes/tempera/font...
по этой ссылке нет icon-homebread !!! что это значит?

[Алексей]

Алексей, вся векторная информация находится в файле шрифта. В css вписывается ссылка на объект в этом шрифте. Посмотрите шрифт и увидите все иконки.

.icon-homebread:before {
content: '\e81f';
}

Конкретно на указанном вами сайте используется elusive-iconfont. Я скачал, открыл шрифт и увидел все иконки.

[Алексей]

2открыл шрифт" это как?

[Алексей]

Алексей, увидел css

/* ICON FONT - ELUSIVE */
@font-face {
font-family: 'elusive';
src: url('elusive.eot');
src: url('elusive.eot?#iefix') format('embedded-opentype'),
url('elusive.woff') format('woff'),
url('elusive.ttf') format('truetype'),
url('elusive.svg?#elusive') format('svg');
font-weight: normal;
font-style: normal;
}

Нашел строчку font-family: 'elusive';
Вбил в поиск "font elusive".
Скачал шрифт
Открыл его и продемонстрировал вам

[Алексей]

Т.е. обязательно скачивать? Где то посмотреть нельзя?
А после скачивания чем смотреть?

[Алексей]

Алексей, не обязательно, можно вытянуть с сайта (если знаешь, где лежит). Мне как-то проще через CSS узнать название и скачать в интернете.

Я не знаю, как в Windows, но в OS X есть встроенный просмотрщик шрифтов.

P.S Наверняка в Windows есть встроенный менеджер-шрифтов...

[Алексей]

@font-face {
  font-family: "elusive";
  font-style: normal;
  font-weight: normal;
  src: url("elusive.eot?#iefix") format("embedded-opentype"), url("elusive.woff") format("woff"), url("elusive.ttf") format("truetype"), url("elusive.svg?#elusive") format("svg");
}

url("elusive.eot?#iefix") это что значит? что это за url ?

[Алексей]

Алексей, конкретно на этом сайт иконочный шрифт лежит по адресу

begets4w.beget.tech/wp-content/themes/tempera/font...

[Алексей]

url("elusive.eot?#iefix") это что значит? что это за url ?

url это ссылка на шрифт, то есть в данном случае ссылка указана не явно, а относительно папки в которой лежит css, тоесть тут - begets4w.beget.tech/wp-content/themes/tempera/fonts

begets4w.beget.tech/wp-content/themes/tempera/font...
begets4w.beget.tech/wp-content/themes/tempera/font...
begets4w.beget.tech/wp-content/themes/tempera/font...
begets4w.beget.tech/wp-content/themes/tempera/font...

[Алексей]

elusiveicons.com вот с этого сайта можно скачать? а посмотреть? только на нем нет homebread

[Алексей]

Алексей, можно. я же ссылки дал на шрифты с того сайта, который вам нужен. На нем нет homebread, но есть homebread. Вам же домик нужен?

[Алексей]

нет homebread, но есть homebread.
я что то совсем не понял в чем отличие????

[Алексей]

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

[Алексей]

Алексей, я же дал ссылку на шрифт - begets4w.beget.tech/wp-content/themes/tempera/font...

[Алексей]

У меня показывается какая то ерунда, какой прогой можно посмотреть? (win10)
https://yadi.sk/i/_9Ev5Hdr3P464q

[Алексей]

Алексей, я не знаю, я не связываюсь с поганой виндой

Зачем вообще пытаться посмотреть на компьютере, если можно посмотреть на сайте elusiveicons.com/icons

[Алексей]

почему то не все есть эти элементы, например домиу если вставить от отображается, а глобус нет.