Est-il possible de faire la Police Impressionnant icônes plus grandes que 'fa-5x'?

Je suis en utilisant ce code HTML:

<div class="col-lg-4">
  <div class="panel">
    <div class="panel-heading">
      <div class="row">
        <div class="col-xs-3">
          <i class="fa fa-cogs fa-5x"></i>
        </div>
        <div class="col-xs-9 text-right">
          <div class="huge">
            <?=db_query("SELECT COUNT(*) FROM orders WHERE customer = '" . $_SESSION['customer'] . "' AND EntryDate BETWEEN '" . date('d-M-y', strtotime('Monday this week')) . "' AND '" . date('d-M-y', strtotime('Friday this week')) . "'");?>
          </div>
            <div>orders this week</div>
        </div>
      </div>
    </div>
    <a href="view/orders">
      <div class="panel-footer">
        <span class="pull-left">View Details</span>
          <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
            <div class="clearfix"></div>
      </div>
    </a>
  </div>
</div>

Qui crée:

Est-il possible de faire de l'icône de plus de fa-5x? Il y a beaucoup d'espace blanc en dessous d'elle que je tiens à relever.

InformationsquelleAutor user3973427 | 2014-09-08

115

Police génial, c'est juste une police de sorte que vous pouvez utiliser la taille de la police de l'attribut dans votre CSS pour modifier la taille de l'icône.

De sorte que vous pouvez simplement ajouter une classe à l'icône comme ceci:
```
.big-icon {
    font-size: 32px;
}
```
InformationsquelleAutor David Jones

Alternativement, vous pouvez modifier la source et de créer votre propre incrementations

FontAwesome 5

https://github.com/FortAwesome/Font-Awesome/blob/master/web-fonts-with-css/less/_larger.less

//Icon Sizes
//-------------------------

.larger(@factor) when (@factor > 0) {
  .larger((@factor - 1));

  .@{fa-css-prefix}-@{factor}x {
    font-size: (@factor * 1em);
  }
}

/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
  font-size: (4em / 3);
  line-height: (3em / 4);
  vertical-align: -.0667em;
}

.@{fa-css-prefix}-xs {
  font-size: .75em;
}

.@{fa-css-prefix}-sm {
  font-size: .875em;
}

//Change the number below to create your own incrementations
//This currently creates classes .fa-1x - .fa-10x
.larger(10);

FontAwesome 4

https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/less/larger.less

//Icon Sizes
//-------------------------

/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
    font-size: (4em / 3);
    line-height: (3em / 4);
    vertical-align: -15%;
}

.@{fa-css-prefix}-2x { font-size: 2em; }
.@{fa-css-prefix}-3x { font-size: 3em; }
.@{fa-css-prefix}-4x { font-size: 4em; }
.@{fa-css-prefix}-5x { font-size: 5em; }

//Your custom sizes
.@{fa-css-prefix}-6x { font-size: 6em; }
.@{fa-css-prefix}-7x { font-size: 7em; }
.@{fa-css-prefix}-8x { font-size: 8em; }

C'est le droit de la procédure
Je dirais que ça dépend. J'ai posté cette option, mais j'utilise cette technique dans une égale mesure avec la accepté de répondre.

InformationsquelleAutor Luke

Vous pouvez redéfinir/remplacer la valeur par défaut font-awesome tailles et également ajouter votre propre tailles

.fa-1x{
    font-size:0.8em;
}
.fa-2x{
    font-size:1em;
}
.fa-3x{
    font-size:1.2em;
}
.fa-4x{
    font-size:1.4em;
}
.fa-5x{
    font-size:1.6em;
}
.fa-mycustomx{
    font-size:3.2em;
}

InformationsquelleAutor Chtiwi Malek

2
1. Seulement ajouter de la police génial classe comme ceci:
```
class="fa fa-plus-circle fa-3x"
```
  (Vous pouvez augmenter la taille que par 5x, 7x, 9x..)
2. Vous pouvez également ajouter CSS personnalisé.
InformationsquelleAutor linto johny
0

Police génial utiliser SVG icônes. Donc, vous pouvez la redimensionner pour votre condition.

suffit d'utiliser la classe CSS pour que,
```
    .large-icon{
       font-size:10em;
       //or
      font-size:200%;
      //or
      font-size:50px;
    }
```
InformationsquelleAutor S.S.Niranga
-1

Simple: il suffit d'utiliser la Police Impressionnant 5 par défaut de fa-[size]x classes. Vous pouvez mettre à l'échelle les icônes jusqu'à 10x de l'élément parent de l' font-size Lire les docs sur l'icône de dimensionnement.

Exemples:
```





```
InformationsquelleAutor clickbait

Vous devez vous connecter pour publier un commentaire.