Font-Awesome Yazı tipleri nasıl ölçeklenir?

Question

Büyütmek için büyüteç yazı tipimi büyütmek için umutsuzca çalışıyorum. Aşağıdaki kod, firefox'ta çalışıyor ancak Chrome veya IE9'da iyi çalışmıyor.

Neyi eksik?

.icon-larger 
{ 
    font-size:50px; 
} 

<div class="search-icon"><i class="icon-search icon-larger"></i></div> 

Teşekkürler!

Answer 1

Yazı Başar simgesi için asılır

Answer 2

display:block veya display:inline-block ekleyin: sözde öğeden sonra, bu yüzden CSS gerekir olmaya

.icon-larger:before 
{ 
    font-size: 50px; 
} 

Ben tüm CSS içeriğinin bir referans sayfası oluşturduk Yazı Tipi Başarısı için değerler, herhangi bir öğe ile simgelerin nasıl kullanılacağını gösteren bir CSS parçacığının yanı sıra: http://astronautweb.co/snippet/font-awesome/

Answer 3

Eski soru ancak aynı sorunla karşılaştım ve Font Awes'ı eklemeyi unuttum. ome simgesi: <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

Simgeyi hala göreceksiniz, ancak eksik olduğunda ölçeklenmeyecektir.

Answer 4

Bu page'a bir göz atın ve simgeler boyutunun ölçeklendirildiği örneklere bakın.

Bu boyutun 5 katına kadar ölçeklendirebilirsiniz.

Örnek:

<i class="fa fa-camera-retro fa-lg"></i> fa-lg 
<i class="fa fa-camera-retro fa-2x"></i> fa-2x 
<i class="fa fa-camera-retro fa-3x"></i> fa-3x 
<i class="fa fa-camera-retro fa-4x"></i> fa-4x 
<i class="fa fa-camera-retro fa-5x"></i> fa-5x