http://www.wordherd.co/#features, Bu sitede bir web sitesine
üzerinde kaynak resim dosyasını görüntülemek Can, bu çeşit görüntüler içerik için unicode.
Kaynak görüntü dosyalarına nasıl ulaşırsınız? Görüntülerin erişilebilir olmasını önlemek için kullandıkları kesmeyi anlamaya çalışıyorum.
Bu "resimler" simgeler fontlardır. Bunlar, :before/:after sözde öğeleriyle genellikle eklenmiştir. Bu örnekte, harici bir yazı tipi kitaplığı karakterinin content value is an ASCII gösterimi. Bunun için
.icon-flag:before {
content: "\f024";
}
Harici yazı kütüphanesini başvurmak için elementin font-family özelliğini değiştirmek gerekir, çalışmak. Durumunuzda, font kütüphanesi FontAwesome'dur.
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
Font-Awesome library kullanarak, basitçe böyle bir simge ekleyebilirsiniz:
<i class="fa fa-stack-overflow"></i>
o yazı gibi muamele beri, CSS özelliğini font-size kullanarak ona boyutunu artırabilir. (example)
.fa-stack-overflow {
font-size:30px;
color:orange;
}
Sizlerin beklemeye koymak neden bilmiyorum .. ben ** genel bilgi işlem donanım/yazılım soru ** olduğu gibi, yeniden açmak için değil oy kullandı. Aslında gerçekten iyi bir soru. –
Görüntü, esas olarak bir dize olarak tutulur. Bunun çok genelleşmiş olduğunu sanmıyorum. –
Yeniden açılmaya oy verdim. Kabul edilen cevap temel olarak bunun iyi bir soru olduğunu kanıtlıyor. @platypus 'a Öneri: başlığı "Kaynak resmi göremiyor musunuz, simge fontları nasıl çalışır?" –