Qu'est ce qui bloque les "à" "é" sur un site web ?

Version imprimable

Bonjour à tous,

qu'est ce qui bloque les "à" "é" sur un site web? en fait ils ne s'affichent même pas !

j'ai tenté le "Quelques mots à propos de moi" au lieu de "Quelques mots à propos de moi" mais le "à" ne s'affiche pas...

A quoi cela est il dû?
Voici le head de ma page :

Code:

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
27
28
 
 
<!DOCTYPE html>
<html lang="fr">
<head>
    <title>About</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:300italic' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/cufon-yui.js"></script>
    <script src="js/cufon-replace.js"></script>
    <script src="js/Bilbo_400.font.js"></script>
    <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
           <script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
</head>

ps : je suis sous chrome :)

merci !!!

j'ai mis
Code:

1 2 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
mais ça ne change rien.... :(

11/08/2017, 09h52
Invité

Bonjour,

on peut voir la page en ligne ?
11/08/2017, 10h29
NoSmoking

Bonjour,
le rajout d'une <meta charset="UTF-8"> n'est pas forcément suffisant, Passez à l'UTF-8 sans manquer une étape
11/08/2017, 18h19
NoSmoking

A la lecture des tes autres posts récents je viens de voir que tu utilises cufon-yui.js, donc tu n'as absolument pas de problème, du moins sur ce coup, de charset.

Ton problème viens tout simplement du fait que ton fichier Bilbo_400.font.js, qui sert à générer les images, ne contient pas le caractère « à », entre autre.

Il te faut donc refaire ton fichier .js ou encore utiliser directement la fonte disponible, par exemple :

Code:

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Bilbo'>

j'ai testé, il est complet.
11/08/2017, 22h19
oceane751

j'ai enlevé Bilbo_400.font.js que j'ai remplacé par :

Code:

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Bilbo'>

mais ma font n'est plus prise en charge :/
12/08/2017, 18h12
oceane751

ça me saoule ça ne marche pas :(
14/08/2017, 07h58
oceane751
Citation:

Envoyé par NoSmoking

A la lecture des tes autres posts récents je viens de voir que tu utilises cufon-yui.js, donc tu n'as absolument pas de problème, du moins sur ce coup, de charset.

Ton problème viens tout simplement du fait que ton fichier Bilbo_400.font.js, qui sert à générer les images, ne contient pas le caractère « à », entre autre.

Il te faut donc refaire ton fichier .js ou encore utiliser directement la fonte disponible, par exemple :

Code:

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Bilbo'>

j'ai testé, il est complet.

hello

j'ai supprimé
Code:

1 2 <script src="js/Bilbo_400.font.js">
J'ai rajouté (dans le head)
Code:

1 2 <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Bilbo'>
les "è", "à" etc reviennent mais la font a disparu :roll:
14/08/2017, 13h59
thelvin

Et...

Hum.

Tu as pensé à l'appliquer quelque part, cette fonte ?

Soit dit en passant, quand on demande "on peut voir la page en ligne ?"... Et si tu nous montrais la page en ligne ?
14/08/2017, 14h03
oceane751

Tout est géré par des canvas et j'ai jamais rien compris au canevas et au niveau élevé du js
Mon url en développement : aurelie-sap75.fr/start/start/site/index.html
14/08/2017, 15h16
thelvin

Citation:

Envoyé par oceane751

Tout est géré par des canvas et j'ai jamais rien compris au canevas et au niveau élevé du js

Plus maintenant puisque tu as enlevé les scripts cufon et que tu remplaces par des webfonts parfaitement normales.

... Du moins c'est ce que tu nous as dit que tu faisais, mais ta page en ligne ne contient aucune des modifications que tu dis avoir faites.
14/08/2017, 15h22
oceane751

oui parce que ma font bilbo ne fonctionnait plus, ne s'affichait plus!

j'enlève un par un :

Code:

1
2
3
4
 
  <script src="js/cufon-yui.js"></script>
    <script src="js/cufon-replace.js"></script>
   <script src="js/Bilbo_400.font.js"></script>

et en ayant ajouté

Code:

1
2
3
 
 
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Bilbo'>

désolé mais ça ne fonctionne pas

14/08/2017, 16h37
thelvin
Je répète : est-ce que tu as pensé à l'appliquer dans tes styles CSS, cette webfont que tu déclares ?
cufont ne fonctionnait pas par magie, il appliquait la font où tu lui disais de le faire.
En te débarrassant de cufont, tu dois maintenant l'indiquer avec CSS, c'est à dire normalement comme on fait tout le temps.

En gros
Code:

1 2 3 .machintruc { font-family: 'Bilbo' }
Bref que du complètement normal.
15/08/2017, 10h20
oceane751

Ok merci
07/09/2017, 01h37
sirthie

Keep It Simple

Que de complexités pour avoir des caractères avec des signes diacritiques (cédille, accents, etc.) !

Tu devrais suivre le conseil de NoSmoking : <meta charset="UTF-8"> + enregistrer le ficher en encodage UTF-8.

Citation:

Bonjour,
le rajout d'une <meta charset="UTF-8"> n'est pas forcément suffisant, Passez à l'UTF-8 sans manquer une étape.

Normalement, il n'y a besoin de rien d'autre.

Sinon, as-tu vérifié que ta fonte comporte bien les caractères accentués ?