« Font Awesome » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
m (Nicolas a déplacé la page Fontawesome vers Font Awesome)
 
(6 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
[[Category:Web]]
[[Category:Web]]
= [https://fontawesome.com/icons Font Awesome] =
= Liens =
* [https://fontawesome.com/icons Font Awesome icons]
 
= Utilisation =
<kode lang='html'>
<kode lang='html'>
<a href="#" class="btn btn-sm btn-primary">
<i class="fa fa-edit"></i>
    <i class="fa fa-edit"></i>
</a>


<div class="text-center">
<i class="fa fa-spinner fa-spin"></i>Loading ...
    <i class="fa fa-spinner fa-spin"></i>Loading ...
</kode>
</div>
 
= Installation =
== [https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself Installation manuelle] ==
# Télécharger Font Awesome
# Copier le dossier {{boxx|/webfonts}} et {{boxx|/css/all.min.css}} dans {{boxx|wwwroot/css}}
# Importer {{boxx|/css/all.min.css}}
<kode lang='html'>
<head>
  <link href="font-awesome/css/all.min.css" rel="stylesheet">
</head>
</kode>
<kode lang='css'>
@import url('font-awesome/css/all.min.css');
</kode>
</kode>
{{warn | Inclure le fichier {{boxx|font-awesome.css}}}}


= Other Icon Fonts =
= Other Icon Fonts =

Dernière version du 24 septembre 2020 à 19:42

Liens

Utilisation

Html.svg
<i class="fa fa-edit"></i>

<i class="fa fa-spinner fa-spin"></i>Loading ...

Installation

Installation manuelle

  1. Télécharger Font Awesome
  2. Copier le dossier /webfonts et /css/all.min.css dans wwwroot/css
  3. Importer /css/all.min.css
Html.svg
<head>
  <link href="font-awesome/css/all.min.css" rel="stylesheet">
</head>
Css.svg
@import url('font-awesome/css/all.min.css');

Other Icon Fonts