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

**oceane751** · 11/08/2017, 05h11

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 :

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
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 !!!

**oceane751** · 11/08/2017, 05h25

j'ai mis

Code :

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

1
2
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

mais ça ne change rien....

Invité · 11/08/2017, 09h52

Bonjour,

on peut voir la page en ligne ?

**NoSmoking** · 11/08/2017, 10h29

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

**NoSmoking** · 11/08/2017, 18h19

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 html :

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

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

j'ai testé, il est complet.

**oceane751** · 11/08/2017, 22h19

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

Code :

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

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

mais ma font n'est plus prise en charge :/

**oceane751** · 12/08/2017, 18h12

ça me saoule ça ne marche pas

**oceane751** · 14/08/2017, 07h58

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 html :

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

<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 :

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

1
2
 
<script src="js/Bilbo_400.font.js">

J'ai rajouté (dans le head)

Code :

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

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

les "è", "à" etc reviennent mais la font a disparu

**thelvin** · 14/08/2017, 13h59

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 ?

**oceane751** · 14/08/2017, 14h03

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

**thelvin** · 14/08/2017, 15h16

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.

**oceane751** · 14/08/2017, 15h22

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

**oceane751** · 14/08/2017, 15h27

j'enlève un par un :

Code :

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

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 :

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

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

désolé mais ça ne fonctionne pas

**thelvin** · 14/08/2017, 16h37

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 :

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

1
2
3
.machintruc {
  font-family: 'Bilbo'
}

Bref que du complètement normal.

**oceane751** · 15/08/2017, 10h20

Ok merci

**sirthie** · 07/09/2017, 01h37

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.

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 ?

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

HTML

Discussions similaires

Partager

Partager