Installation de Font Awesome

Version imprimable

19/12/2017, 18h46
rizcolais

Installation de Font Awesome

Bonsoir, je suis en train de créer mon site web pour l'école sur sublime text.

J'aurais voulu utiliser Font Awesome, mais personne ne sait comment l'installer et je n'y suis pas arriver.

Le soucis c'est que je ne sais pas si je dois installer la version 4 ou 5? Et j'ai trouvé quelques tutoriels mais cela ne fonctionne pas chez moi. J'ai essayé les deux versions, j'avais bien mis le fichier en question dans mon "css" et dans mon html j'avais fait un lien vers cette fiche... Une fois fait j'avais ajouté

Code:

<i class="fab fa-facebook-square"></i>

mais seul un petit carré apparaît sur ma page (bien rafraîchie auparavant)..

Si quelqu'un peut me trouver un bon tutoriel en français ou m'expliquer ce serait super super sympa...
Merci d'avance..

Eloïse
19/12/2017, 19h08
Invité

Bonjour,

Il suffit d'aller sur le site fontawesome, et suivre le mode d'emploi.

Ensuite, ce n'est pas "fab" mais "fa".
19/12/2017, 20h13
rizcolais

4 pièce(s) jointe(s)

J'ai déjà été sur leur site, mais le soucis c'est que je ne comprend pas très bien quel fichier je dois mettre dans mon dossier..? Je met le fichier font-awesome.min mais cela ne fonctionne pas...

Pièce jointe 336108
Pièce jointe 336110
Pièce jointe 336112
Pièce jointe 336117

Et en effet une erreur de frappe surement... Merci! :)
19/12/2017, 20h37
Invité

1- Tel qu'écrit, il doit être dans le dossier "css".

2- il faut aussi avoir téléchargé le dossier "webfonts". (en fait, TOUTE l'archive !)
Est-ce le cas ?

N.B. MERCI de copier-coller ton code directement dans le message.

J'ai une amie qui m'a dit de mettre le lien CDN.. Ce que j'ai fait.. depuis plus de problème!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
 
<head>
 
  <meta charset="utf-8">
  <title> Health Aliment </title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Style -->
  <link href="css/bootstrap.min.css" rel="stylesheet">  
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/faq1.css"> <!-- CSS reset -->
  <link rel="stylesheet" href="css/faq2.css"> <!-- Resource style -->
 
</head>

Merci quand même pour votre réponse rapide ;)
et la prochaine j'écrirais le code tout de suite dans le message comme ici!
Bonne soirée.
Eloïse