IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Font Awesome et icone dailymotion


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut Font Awesome et icone dailymotion
    Bonsoir,
    Nom : Capture d’écran 2022-01-09 à 18.58.55.png
Affichages : 203
Taille : 8,3 Ko
    Je n'arrive pas à avoir l'icone Dailymotion, j'ai une icône chinoise(?) à la place.
    J'ai tenté de changer de lib. Cela change toutes me icônes. La mienne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
    Mes CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .fa-dailymotion:before {
      content: "\f952";
    }
    et mon
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a title="Dailymotion" href="https://www.dailymotion.com/ledavdave"target="_blank"><i class="fa fa-dailymotion fa-2x"></i></a>
    Je n'ai aucune idée d'où cela peut provenir
    Si une personne a une idée...
    Merci et bonne fin de week-end,
    DH

  2. #2
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    1- [B]Font Awesome 4 :


    dailymotion n'y est pas.

    2- Font Awesome 5 : -> ATTENTION ! la syntaxe est (un peu) différente de la V4 !


  3. #3
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    Résolu... t'es un DIEU jreaux62.
    Mes nouvelles CSS :
    Code : 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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    .reseaux{
    	display:flex;
    	justify-content:center;
    	align-items:center;
    	text-align: center;
    	padding: 20px 10%;
    	background-color: #fff;
    }
    .reseaux a, .reseaux button {
    	font-size: 1em;
    	display: inline-block;
    	padding:0;
    	margin: 0 1em;
    }
    .reseaux a .fa, .reseaux button .fa {
    	color: #008CBA; /* BLEU moyen */
    }
    .reseaux a:hover .fa, .reseaux button:hover .fa {
    	color: #66ccff; /* BLEU clair */
    }
    .reseaux a .fab {
    	color: #008CBA; /* BLEU moyen */
    }
    .reseaux a:hover .fab {
    	color: #66ccff; /* BLEU clair */
    }
    et le HEAD :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <!-- FONTS -->
    	<link rel="preconnect" href="https://fonts.googleapis.com">
    	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap">
    	<script src="https://kit.fontawesome.com/9eeb5b4021.js" crossorigin="anonymous"></script>
    C'est tout bon ? En tous cas ça fonctionne !!!!
    BONNE SOIREE et...MERCI !
    DH

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Menu avec déplacement d'icone font awesome
    Par Aquilon62 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/11/2019, 08h44
  2. Insérer une icone font awesome dans un input
    Par Mojitow dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 18/09/2019, 22h00
  3. Font Awesome Icon avec du texte
    Par Math71 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 28/12/2018, 11h48
  4. Font Awesome : un kit d'icônes complet gratuit et open source
    Par FirePrawn dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 06/07/2017, 08h14
  5. Font Awesome
    Par forum dans le forum Téléchargez
    Réponses: 2
    Dernier message: 27/06/2014, 14h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo