Forums Développement Multimédia

Aller au contenu

font/police ne s'affiche pas ?!

CODE HTML CSS

3 réponses à ce sujet

#1 jordan.chevallier

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 81 messages

Posté 23 March 2011 - 01:16 AM

Bonjour à tous,

J'ai décidé de me prendre en main, et de faire quelque chose de correct pour une fois !
Dans une jolie page (vide) HTML, je crée quelques DIV's.

<div class="actu-conteneur">
<div class="actu-titre">
Lalalaa
</div>
Bla bla bla
</div>

Quand je regarde mon fichier CSS voilà comment qu'il est :

.actu-conteneur {
        background-image:url(imgs/fondn-op60.png);
        background-repeat:repeat;
       
        width:400px;
        height:315px;
       
}

.actu-titre {
        font:Impact, "Arial Black", Gadget, sans-serif;
        font-size:18px;
        color:#C00;
        padding-left:10px;
       
}

Il me semble que le code est bon non ?

Lorsque dans Dreamweaver je regarde ma fenêtre création, j'ai bien la police IMPACT qui s'affiche avec le titre " Actualité "
Mais lorsque je la monte sur le serveur, ou même que je regarde ma page en local.... Pas d'impact... Une police très moche tu sais... Times.... :mrgreen: !

J'ai bien vérifié le fichier CSS est bien sur le serveur.

Est-ce que quelqu'un à déjà été confronté à ce problème ?

Dans l'attente d'une aide...

Merci d'avance

Jordan.

#2 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 23 March 2011 - 13:21 PM

Bonjour Jordan Chevallier,

l'ajout d'une font personnalisé nécessite le code suivant dans la CSS :

CSS
@font-face {
        /* On donne un nom (au choix) à la fonte téléchargée */
        font-family: "impact";
        /* On indique le chemin du fichier de fonte à télécharger */
        src: url("impact.ttf");
}

attention au chemin du fichier ttf.

Prend le temps de lire cet article très instructif à ce sujet :mrgreen:

Comment utiliser une fonte «non-standard» sur un site Web ? par fvsh sur alsacreations.com

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#3 matt-murdock

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 6851 messages

Posté 23 March 2011 - 14:23 PM

de plus tu n as pas le droit de distribuer la fonte a tout vent: pour cela faut acheter les droits de diffusion...

pour mettre des police de caracteres non-standard dans une page web on utilise des services a la http://www.google.com/webfonts

a+

#4 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 23 March 2011 - 17:06 PM

Bonjour,

Ou tu peux utiliser ce site qui propose des webfonts gratuites que tu exportes dans un pack prêt à l'emploi.

http://www.fontsquirrel.com

Le site donne toutes les instructions et le code à copier coller dans ta feuille de style.

Il y a également le @fontface generator pour utiliser une font gratuite récupérée sur Dafont par exemple et permettre une compatibilité max entre les navigateurs.

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP