2016-05-25 15 views
1

Ich bin auf der Suche nach dieser Seite: http://www.calgaryclimbing.com/rates/. In ihrem Footer haben sie sehr sauber aussehende Icons, die auf ihre Social-Media-Seiten verweisen. Ich möchte dasselbe mit den gleichen Symbolen tun, die sie verwenden. Aber wenn ich die Elemente überprüfe, zeigt es an, dass sie ein i-Tag verwenden und dass die Klasse mit irgendeinem CSS-Code verknüpft ist, der die content -Eigenschaft verwendet. Ich möchte das Bildsymbol verwenden, damit meine Fragen, wie kann ich das Bild bekommen? Und warum wurde es so programmiert? Warum nicht einfach ein Bild verwenden, auf das du klicken kannst?Suche ein Bild aus dem Quellcode der bestehenden Website

+3

Sie getan werden kann, verwenden wahrscheinlich font-awesome, die Sie auch auf Ihrer eigenen Website verwenden können: http://fontawesome.io/ – GaijinJim

+0

@GaijinJim ist korrekt. Einer der besten Gründe, Schriften für Icons zu verwenden, ist, dass sie vektorbasiert sind und gut skalieren. Außerdem verlassen Sie sich nicht darauf, ein Sprite oder einzelne Assets (nur diese Bibliothek) zu laden. – johnniebenson

Antwort

2

Ich habe den von Ihnen angegebenen Link nicht überprüft, aber es ist höchstwahrscheinlich eine benutzerdefinierte Schriftart wie Font-Awesome, mit der Sie viele Arten von Symbolen in Ihre Website/App einfügen können.

Font-Awesome verwenden Sie das <i> Tag auch genau wie Sie erklärt haben.

Warum mit Font-Awesome? Wie sie sagen:

Font Ehrfürchtig Sie skalierbare Vektor-Icons gibt, die sofort angepasst werden können - Größe, Farbe, Schlagschatten, und alles, was mit der Kraft der CSS

Verwandte Themen