1. Bonjour tout le monde ! Veillez consulter la Politique de forum pour comprendre nos règles, Merci a vous !
    Rejeter la notice

Ajouter des fonts dans webdev

Discussion dans 'Webdev' créé par brownie007, Fev 12, 2018.

  1. brownie007

    brownie007 New Member

    Inscrit:
    Fev 10, 2018
    Messages:
    14
    J'aime reçus:
    16
    [​IMG]

    Dans ce tutoriel vous allez apprendre comment utiliser d’autres polices que celles qui sont dans webdev, gratuitement et compatible sur tous les navigateurs.

    webdev possède un nombre limité de polices qui sont l’arial, le verdana, le times, le courier et le georgia. Ces polices correspondent en fait à celles installées par défaut sur tous les ordinateurs.

    Si nous choisissons la première ligne pour notre texte, nous avons « Arial, Helvetica, sans-serif ». Cela signifie que lorsqu’un internaute arrive sur notre site, le navigateur va d’abord vérifier s’il trouve de l’arial dans l’ordinateur client, sinon il cherche l’helvetica. S’il ne trouve aucun des deux, il affichera du sans-serif.

    Aujourd’hui de plus en plus de sites affichent du texte dans des polices originales sans utiliser d’images. Ce qui est un plus pour le référencement car les robots peuvent lire le contenu.

    Oubliez la méthode pour ajouter des polices dans webdev qui consiste à aller récupérer des polices installées sur votre PC. Ces polices ne seront pas forcement sur celui de l’internaute et votre site ne s’affichera pas de la même façon chez tous vos clients.

    La meilleure technique est d’aller sur le site de

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    . Cliquez sur « start choosing font ». Choisissez une police et cliquez sur « quick-use ». Selectionnez la/les graisse(s) dont vous aurez besoin et descendez à l’étape 3.
    Copiez le lien href dans l’onglet « standard » et collez-le dans la description de votre page, dans l’onglet « avancé », « code html ajouté à l’en-tête de la page »

    [​IMG]

    Ensuite double-cliquez sur le texte sur lequel vous souhaitez appliquer votre font, dans « plus d’option », css personnalisé collez le bout de code de l’étape 4 (font-family: ‘Norican’, cursive; )

    Vous ne verrez pas immédiatement le résultat dans votre AGL. Vous devez tester votre page.

    [​IMG]

    Voilà une autre façon de se servir de cet onglet CSS personnalisé et d’utiliser d’autres fonds de façon propre et compatible partout (même sur IE). Merci Google !
     
    Tags:
  2. Mauritius

    Mauritius Member

    Inscrit:
    Fev 10, 2018
    Messages:
    74
    J'aime reçus:
    70
    Très bon sujet
     
    joker apprécie ceci.
  3. joker

    joker New Member
    MEMBRE WX

    Inscrit:
    Jan 30, 2018
    Messages:
    0
    J'aime reçus:
    14

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    [​IMG]

    Dans ce tutoriel vous allez apprendre comment utiliser d’autres polices que celles qui sont dans webdev, gratuitement et compatible sur tous les navigateurs.

    webdev possède un nombre limité de polices qui sont l’arial, le verdana, le times, le courier et le georgia. Ces polices correspondent en fait à celles installées par défaut sur tous les ordinateurs.

    Si nous choisissons la première ligne pour notre texte, nous avons « Arial, Helvetica, sans-serif ». Cela signifie que lorsqu’un internaute arrive sur notre site, le navigateur va d’abord vérifier s’il trouve de l’arial dans l’ordinateur client, sinon il cherche l’helvetica. S’il ne trouve aucun des deux, il affichera du sans-serif.

    Aujourd’hui de plus en plus de sites affichent du texte dans des polices originales sans utiliser d’images. Ce qui est un plus pour le référencement car les robots peuvent lire le contenu.

    Oubliez la méthode pour ajouter des polices dans webdev qui consiste à aller récupérer des polices installées sur votre PC. Ces polices ne seront pas forcement sur celui de l’internaute et votre site ne s’affichera pas de la même façon chez tous vos clients.

    La meilleure technique est d’aller sur le site de

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    . Cliquez sur « start choosing font ». Choisissez une police et cliquez sur « quick-use ». Selectionnez la/les graisse(s) dont vous aurez besoin et descendez à l’étape 3.
    Copiez le lien href dans l’onglet « standard » et collez-le dans la description de votre page, dans l’onglet « avancé », « code html ajouté à l’en-tête de la page »

    [​IMG]

    Ensuite double-cliquez sur le texte sur lequel vous souhaitez appliquer votre font, dans « plus d’option », css personnalisé collez le bout de code de l’étape 4 (font-family: ‘Norican’, cursive; )

    Vous ne verrez pas immédiatement le résultat dans votre AGL. Vous devez tester votre page.

    [​IMG]

    Voilà une autre façon de se servir de cet onglet CSS personnalisé et d’utiliser d’autres fonds de façon propre et compatible partout (même sur IE). Merci Google !
    Cliquez pour agrandir...

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     
  • Kobex

    Kobex Well-Known Member
    MEMBRE WX

    Inscrit:
    Fev 17, 2018
    Messages:
    373
    J'aime reçus:
    257
    Il y à cette méthode qui permet un rendu dans m'éditeur

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     
    joker apprécie ceci.
  • joker

    joker New Member
    MEMBRE WX

    Inscrit:
    Jan 30, 2018
    Messages:
    0
    J'aime reçus:
    14

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Il y à cette méthode qui permet un rendu dans m'éditeur

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

    Cliquez pour agrandir...
    ThankS

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!


    Comme quoi la touche F1 est très bonne & on y pense pas toujours :cool:
     
  • bgyacine

    bgyacine New Member

    Inscrit:
    Avr 11, 2018
    Messages:
    4
    J'aime reçus:
    1
    Merci pour le sujet, c'est pour avoir le maximum de compatibilité visuelle.
     
    joker apprécie ceci.
  • Partager cette page

    Chargement...