Imposer une police différente selon le navigateur

Fermé
francky62d Messages postés 1 Date d'inscription mardi 23 avril 2013 Statut Membre Dernière intervention 23 avril 2013 - 23 avril 2013 à 10:01
 francky62d - 24 avril 2013 à 18:10
Bonjour,
j'utilise Dreamweaver MX 2004 sur un PC Win7 et je réalise (bidouille, vu mon niveau) des sites internet pour présenter mon activité pro. Je travaille en mode création et je commence à peine à comprendre un peu le code html.

J'utilise souvent la police Arial Narrow qui me convient bien... Sauf que Firefox ne la reconnait pas.

Cela fait 3 semaines que je parcours les forums et j'en suis arrivé à la conclusion que le plus sage (le plus simple, même si pas le plus rigoureux ?) serait de forcer l'utilisation d'Arial à la place d'Arial Narrow si le navigateur est Firefox.

Mais comment faire cela ? Ma bidouille n'aboutit à rien.

Merci par avance à ceux qui éclaireront ma lanterne !

Voici une de mes pages pour exemple :

http://www.idemedia.fr/contact.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Idemedia.fr</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta name="author" content="ConjugueursDeTalents" />
<meta name="copyright" content="ConjugueursDeTalents" />
<meta name="language" content="fr" />
<meta name="description" content="Idemedia, idemedi@, cabinet de coaching consulting formation, formation des professionnels de l'accompagnement et des ressources humaines">
<meta name="keywords" content="Idemedia, idemedia, idémédia, idemedi@, Idémédi@, Franck Damée, Franck DAMEE, ressources humaimes, relation d'aide, accompagnement, formation, conduite des bilans de compétences, formation bilans de compétences, bilan compétences, experiential learning, accompagnement à l'emploi">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:visited {
text-decoration: none;
color: #333333;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #E9E9E9;
}
a:link {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
color: #333333;
}
body,td,th {
font-family: Arial Narrow;
font-size: 16px;
color: #333333;
}
.Style1 {font-size: 12}
.Style137 {font-size: 16px}
.Style5 {color: #333333}
.Style7 {
font-size: 24px;
color: #999999;
}
.Style9 {font-size: 10px}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="950" height="80" border="0" align="center" cellpadding="5" cellspacing="0" bordercolor="#666666" bgcolor="#E9E9E9">
<tr valign="baseline" bgcolor="#FFFFFF">
<td background="IdemImage/bandoIdem.jpg"> </td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="156"><div align="center"><a href="index.htm">HOME PAGE</a> </div></td>
<td width="341"><div align="center"><a href="listDispositifs.htm">FORMATIONS & DISPOSITIFS</a> </div></td>
<td width="290"><div align="center"><a href="listPublications.htm">OUTILS & PUBLICATIONS</a></div></td>
<td width="123"><div align="center"><a href="contact.htm">CONTACT</a></div></td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="5" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td width="735"><blockquote>
<p><br>
<em>Vous souhaitez en savoir plus sur nos dispositifs ou nos publications...<br>
Vous avez besoin d'un devis ou d'une documentation...<br>
Vous voulez vous inscrire...</em></p>
<p class="Style7">Contactez Franck Damée : </p>
<p class="Style137"><span class="Style139 Style135"><strong>Tél : </strong>03 21 58 60 06<strong><br>
Mail : </strong></span> <a href="mailto:idemedia@conjugueursdetalents.com">idemedia@conjugueursdetalents.com</a><br>
<span class="Style139 Style135"><strong>Post : </strong></span> Conjugueurs de Talents - 10 Bd Robert Schuman App. B15 - 62000 Arras</p>
<p align="right" class="Style137"><span class="Style131"><span class="Style5"><span class="Style1"><span class="Style9">Idémédi@ est une marque déposée de <a href="http://www.conjugueursdetalents.com/">Conjugueurs de Talents </a></span></span><span class="Style9"> <br>
Conjugueurs de Talents © -
Siret 414 125 047 00038 - NAF 7022Z<br>
Numéro de déclaration d'activité formation 31 62 02047 62 - <strong>www.conjugueursdetalents.com</strong></span></span></span></p>
</blockquote></td>
<td width="200" bgcolor="#CCCCCC"><img src="IdemImage/foto11.jpg" width="200" height="200"></td>
</tr>
<tr>
<td colspan="2"><p align="right"><a href="contact.htm"><img src="IdemImage/gifIdemSable.gif" width="285" height="119" border="0"></a></p>
</td>
</tr>
</table>
<p> </p>
</body>
</html>
A voir également:

1 réponse

Salut salut,

Regarde du côté de $_SERVER en PHP, cela va te renvoyer pas mal d'information.
$_SERVER['HTTP_USER_AGENT'] renseigne le navigateur. Il faudra trier un peu le résultat car il me semble qu'il renvoie un peu plus que le nom du nav.

Ce que tu peux faire c'est un test sur $_SERVER['HTTP_USER_AGENT'] avec strpos($_SERVER['HTTP_USER_AGENT'],'firefox') qui renvoie faux si 'firefox' n'est pas contenue dans ce que renvoie $_SERVER['HTTP_USER_AGENT'].

Résolu? ===> [RESOLU]
0
Merci pour cette réponse rapide. Je ne comprends pas vraiment de quoi il s'agit. Est-ce que c'est un code à ajouter dans mes pages html ? Si oui, où ? Est-ce autre chose ? J'ai essayé de lire sur les forums pour comprendre mais il doit me manquer encore des codes de compréhension.
0