2016-05-25 4 views
1

Я смотрю на этом сайте: http://www.calgaryclimbing.com/rates/. На их нижнем колонтитуле у них есть очень чистые иконы, которые ссылаются на их страницы в социальных сетях. Я хочу сделать то же самое, используя те же значки, которые они используют. Но когда я проверяю элементы, это показывает, что они используют тег i и что класс ссылается на некоторый код css, который использует свойство content. Я хочу использовать значок изображения, поэтому мои вопросы: как я могу получить изображение? И почему это было запрограммировано именно так? Почему бы просто не использовать изображение, на которое вы могли бы щелкнуть?Поиск изображения из исходного кода существующего веб-сайта

+3

Они вероятно, используют шрифт-awesome, который вы также можете использовать на своем собственном сайте: http://fontawesome.io/ – GaijinJim

+0

@GaijinJim верен. Одной из лучших причин использования шрифтов для значков является то, что они основаны на векторе и будут хорошо масштабироваться. Кроме того, вы не полагаетесь на загрузку спрайта или отдельных активов (только эта библиотека). – johnniebenson

ответ

2

Я не проверял указанную вами ссылку, но, скорее всего, это нестандартный шрифт, как Font-Awesome, который вы можете использовать для размещения многих видов значков на своем веб-сайте/приложении.

Font-Awesome использовать тег <i> так же, как вы объяснили.

Зачем использовать Font-Awesome? Как говорится:

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

Смежные вопросы