Installation de Font Awesome

**rizcolais** · 19/12/2017, 18h46

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

Invité · 19/12/2017, 19h08

Bonjour,

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

Ensuite, ce n'est pas "fab" mais "fa".

**rizcolais** · 19/12/2017, 20h13

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...

Et en effet une erreur de frappe surement... Merci!

Invité · 19/12/2017, 20h37

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.

**rizcolais** · 19/12/2017, 23h08

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

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Installation de Font Awesome

CSS

Vue hybride

Discussions similaires

Partager

Partager