Balise HTML ou XHTML FONT

BALISE FONT

Détails de compatiblilité navigateur HTML pour la balise "font"

Détails de compatiblilité navigateur HTML5 pour la balise "font"

Détails de compatiblilité navigateur XHTML pour la balise "font"

Définition

La balise HTML FONT va vous permettre de spécifier le formatage du texte dans la balise (font, couleur, taille).
Exemple de code :
<FONT> </FONT>

Cours Html : Le texte
javascript [3]
Infos Javascript
Cours javascript : Ecriture du texte
Document Object Model Core :
Objet Node
Objet Element
Document Object Model HTML :
Objet Font
css [1]
Infos CSS

Flash

La balise HTML FONT est reconnue par Flash MX aussi que les attributs HTML COLOR, FACE, SIZE attention l'unité est le point quelque soit l'unité précisé (12px sera interprété comme 12pt).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Information

Avant tout, il faut savoir que si la police n'est pas sur l'ordinateur de la personne qui visionne votre page, elle se transformera en Arial ou Times qui sont les polices par défaut en général. Par conséquent, il vaut mieux utiliser une police classique tel que "Arial". Si vous avez une police peu classique, utilisez un logiciel de dessin et transformez-la en image gif. Attention, cela ne s'applique pas à des paragraphes immenses.
Générateur de @font-face
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "font"

Définition

L'attribut HTML CLASS de la balise HTML FONT permet de spécifier la classe css à utiliser sur la balise.
Exemple de code :
<FONT CLASS="Nom"> </FONT>

L'attribut HTML CLASS de la balise HTML FONT est utilisé pour les feuilles de style (css).
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur de l'attribut CLASS associé à l'objet :
Exemple de code :
object.className
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml COLOR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "color" de la balise "font"

Définition

L'attribut HTML COLOR de la balise HTML FONT, permet de définir la couleur de la police.
Exemple de code :
<FONT COLOR="RED"> </FONT>

Si vous avez définit la couleur du document avec l'attribut TEXT, COLOR vous permettra de changer la couleur du texte aux endroits que vous désirez.
Exemple :
Texte de couleur

Voir la liste des couleurs nommées
javascript [0]
Infos Javascript
Lorsque vous écrivez, vous pouvez spécifier que le mot soit en couleur :
Exemple de code :
var m="mon texte";
document.write(m.fontcolor("#333399"));

Cours javascript : Ecriture du texte
Vous pouvez connaître ou modifier en javascript la valeur l'attribut html color associé à l'objet javascript :
Exemple de code :
object.color
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
color

Attribut html ou xhtml DIR [s]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "font"

Définition

L'attribut HTML DIR de la balise HTML FONT, spécifie le sens de lecture.
Exemple de code :
<FONT DIR="LTR"> </FONT>

L'attribut HTML DIR de la balise HTML FONT peut prendre la valeur de :
- LTR: de la gauche vers la droite.
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur de l'attribut HTML DIR associé à l'objet javascript :
Exemple de code :
object.dir
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml FACE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "face" de la balise "font"

Définition

L'attribut HTML FACE de la balise HTML FONT, permet de définir le type de la police.
Exemple de code :
<FONT FACE="Arial, Helvetica, sans-serif"> </FONT>

Pour plus de sécurité, on a tendance à mettre plusieurs polices à la suite.
En effet, si l'internaute n'a pas la police Arial, le navigateur essaiera d'affiche avec la police suivant et ainsi de suite...
Voici les groupes de police :
- Arial, Helvetica, sans-serif.
- Courier New, Courier, mono.
- Alpha Geometrique, Critter, Cottonwood, fantasy.
- Courier, MS Courier New, Prestige, monospace.
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur l'attribut HTML FACE associé à l'objet javascript :
Exemple de code :
object.face
css [1]
Infos CSS
Voir les feuilles de styles associées :
£font-family£
font

Attribut html ou xhtml ID [s]

Détails de compatiblilité navigateur HTML pour l'attribut "id" de la balise "font"

Définition

L'attribut HTML ID de la balise HTML FONT permet d'identifier la balise pour les feuilles de style (css) ou le javascript.
Exemple de code :
<FONT ID="Nom"> </FONT>

La valeur de l'attribut HTML et XHTML ID est unique dans tout votre document HTML ou XHTML.

Dans le cas des feuilles de style, l'attribut HTML et XHTML ID permet spécifier la classe css à utiliser sur la balise
Dans le cas du javascript, l'attribut HTML et XHTML ID permet de donner un identifiant pour accéder aux propriétés de la balise FONT.
javascript [0]
Infos Javascript
Grâce à l'attribut HTML ID, vous pouvez identifier un objet javascript.
Pour avoir accès à ses propriétés ou méthodes vous devez d'abord identifier cet objet, vous pouvez utiliser :
- pour les versions d'internet explorer > 4
Exemple de code :
document.all.NomId
document.all["NomId"]

- pour les versions de internet explorer > 5 et pour netscape 6 et plus
Exemple de code :
document.getElementById("NomId");


Dans les exemples javascript des attributs de la balise HTML FONT,
Exemple de code :
object
remplace les codes ci-dessus. Par exemple :
Exemple de code :
object.className

revient à faire
Exemple de code :
document.getElementById("NomId").className;
ou tout autre code permettant de récupérer un objet javascript (document.all, getElementsByTagName, getElementsByName...).
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "font"

Définition

L'attribut HTML LANG de la balise HTML FONT, permet de spécifier la langue utilisée.
Exemple de code :
<FONT LANG="fr"> </FONT>

L'attribut HTML LANG peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript l'attribut HTML LANG associé à l'objet javascript :
Exemple de code :
object.lang
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SIZE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "size" de la balise "font"

Définition

L'attribut HTML SIZE de la balise HTML FONT, permet de définir la taille de la police.
Exemple de code :
<FONT SIZE="2"> </FONT>

Il existe plusieurs façons de définir la taille.
Les tailles prédéfinîtes de 1 à 7 par rapport à la taille par défaut du navigateur :
- 1, 2, 3 taille normal, 4, 5, 6, 7.
javascript [0]
Infos Javascript
Lorsque vous écrivez, vous pouvez spécifier la taille du mot :
Exemple de code :
var m="mon texte";
document.write(m.fontsize(3));


Cours javascript : Ecriture du texte

Vous pouvez connaître ou modifier en javascript la valeur l'attribut HTML SIZE associé à l'objet javascript :
Exemple de code :
object.size

N'accepte que un nombre compris entre 1 et 7.
css [2]
Infos CSS
Exquivalnce css
xx-small, x-small, small, medium, large, x-large, xx-large.
Voir les feuilles de styles associées :
£font-size£
font

Taille par défaut

Vous devez savoir que suivant le navigateur la taille par défaut varie.
Internet Explorer a pour valeur par défaut 12pt soit l'équivalant css de "meduim"
Netscape a pour valeur par défaut 10pt soit l'équivalant css de "small".

Un autre facteur intervient, qui est lié à la résolution des système d'exploitation.
Le point est l'unité relative par défaut utilisée, elle correspond a 1/12 d'un pouce. Un texte de taille de 12pt a pour équivalence 1/6pouce.
Les macintosh on un résolution de 72ppp(point par pouce) donc un texte de 12pt est équivalent à 12px (1/6 de 72piexl), alors que Windows avec sa résolution de 96ppp affiche le 12pt en 16px (1/6 de 96pixel).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml STYLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "style" de la balise "font"

Définition

L'attribut HTML STYLE de la balise HTML FONT, permet de définir des propriétés de feuilles de style dans la balise même.
Exemple de code :
<FONT STYLE="text-decoration:underline"> </FONT>
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur l'attribut html STYLE associé à l'objet javascript :
Exemple de code :
object.cssText

Attention
Exemple de code :
object.cssText
ne vous renvoie que le texte de l'attribut html style déclaré dans la balise.
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml TITLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "title" de la balise "font"

Définition

L'attribut HTML TITLE de la balise HTML FONT, permet d'afficher un petit texte comme sur les liens à côté du mot lorsque la souris est dessus.
Exemple de code :
<FONT TITLE="Texte"> </FONT>

Exemple : Passez la souris sur le texte.
Texte
javascript [0]
Infos Javascript
Vous pouvez connaître ou modifier en javascript la valeur de l'attribut html TITLE associer à l'objet javascript :
Exemple de code :
object.title
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS