Discussion :

[defacta]

Bonjour,

Je me suis basé sur ce tutoriel.
https://fortawesome.github.io/Font-Awesome/examples/#

Quand j'ajoute ceci dans ma page, rien ne s'affiche.

Code :

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

<i class="fa fa-refresh fa-spin"></i>

J'ai bien installé les css et javascripts de bootstrap :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
...
...
    <link href="http://192.168.0.40/vm-art-2.net/include/bs/css/bootstrap.min.css" rel="stylesheet">
...
...
 
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://192.168.0.40/vm-art-2.net/include/bs/js/jquery.min.js"></script>
    <script src="http://192.168.0.40/vm-art-2.net/include/bs/js/bootstrap.min.js"></script>

Par contre c'est vrai il n'y a pas d'images dans ce que j'ai installé. Elles sont où les images ?

Je ne vois pas où récupérer ces images et comment configurer bootstrap en fonction de l'emplacement des icônes.

Merci pour votre aide,
Vincent.

[defacta]

Maintenant que j'y pense, elles sont peut-être dans ces fichiers ces icones :

Code :

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

1
2
3
4
5
6
7
 
---- fonts/
    ---- glyphicons-halflings-regular.eot
    ---- glyphicons-halflings-regular.svg
    ---- glyphicons-halflings-regular.ttf
    ---- glyphicons-halflings-regular.woff
    ---- glyphicons-halflings-regular.woff2

Elles ne sont peut-être pas chargées ces fonts ? Comment vérifier ?

Merci,
Vincent.

[Invité]

Bonjour,

il faut aussi inclure le CSS de fontawesome.

[defacta]

Oui voilà c'est bien ça, je pensais que les icônes animées étaient incluses dans bootstrap en fait non, ce que je regardais fait parti du toolkit Font-Awesome
Et les icônes par défaut de bootsrap je les ai bien et elles s'affichent correctement. Celle-là par exemple :

Code :

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

<i class="glyphicon glyphicon-search"></i>

Moi qui commençais à regarder dans les options d'apache AddType application/font-woff2 .woff2...

Merci,
Vincent.