Modif de police de caractères

**laurentSc** · 09/04/2008, 16h34

Bonjour,

je voudrais changer la police de caractères ds un endroit un peu spécial : il s'agit du texte du code suivant

Code :

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

1
2
3
<input
 name="B1" value="Fermer la fen&ecirc;tre"
 onclick="window.close()" type="button">

Est-ce possible, et si oui, comment ? Le traditionnel

Code :

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

<font face=...>

ne marche pas.

**Amybond** · 09/04/2008, 16h47

Tout simplement avec du css en mettant un style au input ou tu peux lui rajouter une class :

Code :

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

1
2
3
4
5
input
{
    font-family:Ici ta/tes polices;
    //ex : font-family:Arial, Helvetica, sans-serif;
}

En espérant que ça soit ça ta question

**zoom61** · 09/04/2008, 16h47

Pourquoi ne pas te tourner vers les feuilles de styles...

**laurentSc** · 09/04/2008, 16h59

Envoyé par Amybond

Tout simplement avec du css en mettant un style au input ou tu peux lui rajouter une class :

OK pour le css, mais j'ai une contrainte assez forte, étant donné mon environnement (il s'agit d'un site intranet) : peut-on tout mettre ds le même fichier, et si oui, comment ?

**{F-I}** · 09/04/2008, 17h34

Oui c'est possible de mettre les propriétés CSS dans les même fichiers, suffit d'écrire cette balise avant </head> :

Code :

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

1
2
3
<style type="text/css">
     /* Vous taperez votre code CSS ici */
</style>

Voilà

Mais je te recommande quand même d'utiliser la vraie fiche CSS, parce qu'il y a tout l'avantage : plus rapide pour les modification, fichier séparé donc plus propre etc...

De plus ce n'est pas plus compliqué que de mettre la css dans le même fichier, les propriétés sont les mêmes

**Deallyra** · 09/04/2008, 17h53

Dans le cas d'un fichier, tu peux l'appeler avec cette balise

Code :

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

1
2
 
<link rel = "stylesheet" type = "text/css" href = "_Style/Feuille_De_Style.css" /> <!--Appel de la feuille de style-->

à mettre entre les balises <head></head>

**ac/dc** · 09/04/2008, 17h59

Et direct dans la balise :

Code :

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

1
2
3
4
5
 
<input
 name="B1" value="Fermer la fen&ecirc;tre"
 onclick="window.close()" type="button"
 style = "font-family : [...]">

Avec ça, tu as le choix

**laurentSc** · 09/04/2008, 19h29

Merci, j'ai tout mis ds le même fichier (vu qu'il n'y a qu'un seul style, ce n'est pas gênant). J'ai utilisé les réponses de {F-I} et de Amybond, et ça marche (mais j'ai aussi essayé la solution de ac/dc, et ça ne marchait pas).

**ac/dc** · 09/04/2008, 19h36

Ah bon, bizard, ça devrait pourtant ....

**{F-I}** · 09/04/2008, 20h49

Concernant la solution de ac/dc qui ne marchait pas d'après tes dires, c'est peut-être à cause de l'espace trouvant entre (style et =) et (= et ")...

Je ne pense pas que cela puisse nuire le bon fonctionnement, mais on n'est jamais trop sur de soi...

**laurentSc** · 09/04/2008, 23h09

Je vous montre tout mon code :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>prendre en charge...</title>
</head>
<body>
<p><font
 color="#009530" size=2 face="SEOptimist">&nbsp;&nbsp;&nbsp;
- retours clients<br>
&nbsp;&nbsp;&nbsp; - d&eacute;faillances sur ligne de
production<br>
&nbsp;&nbsp;&nbsp; - projets 6Sigma.<br>
<br>
</font><br>
</p>
<form method="post">
  <p align="center"><input name="B1"
 value="Fermer la fen&ecirc;tre" onclick="window.close()"
 style="font-family : [SEOptimist]" type="button"></p>
</form>
</body>
</html>

Si je fais la modif avec NVU (le logiciel que j'utilise la plupart du tps), il ne la garde pas ; je dois passer par Notepad++.
Vous ne connaissez sûrement pas la police "SEOptimist". C'est une police qui a été spécialement développée pour Schneider Electric (elle ne commence pas par SE pour rien)

**12monkeys** · 10/04/2008, 08h27

Bonjour

essaye voir sans les crochets (a moins que ça fasse partie du nom de la police ?), et sans espace avant le ":" :

Code :

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

1
2
3
<p align="center"><input name="B1"
 value="Fermer la fen&ecirc;tre" onclick="window.close()"
 style="font-family: SEOptimist" type="button"></p>

**laurentSc** · 10/04/2008, 08h48

C'était la bonne idée (et pourtant, j'ai dû le faire avec Notepad++ ; NVU n'en voulait pas...)

Modif de police de caractères

HTML

Discussions similaires

Partager

Partager