Je veux utiliser une seule police nommée "Algerian" sur l'ensemble de mon site Web. Je dois donc modifier toutes les balises HTML et je ne veux pas écrire de code différent pour les différentes balises :
button{font-family:Algerian;}
div{font-family:Algerian;}La méthode décrite ci-dessous est également fortement déconseillée :
div,button,span,strong{font-family:Algerian;}
Comme il est probable qu'une police différente soit déjà définie par le navigateur pour les éléments de formulaire, voici 2 façons d'utiliser cette police partout :
body, input, textarea {
font-family: Algerian;
}
body {
font-family: Algerian !important;
}Il y aura toujours une police monospace sur des éléments comme pre/code, kbd, etc mais, au cas où vous utiliseriez ces éléments, vous feriez mieux d'y utiliser une police monospace.
Note importante : si très peu de personnes ont cette police installée sur leur système d'exploitation, alors la deuxième police de la liste sera utilisée. Ici, vous n'avez pas défini de deuxième police, donc la police serif par défaut sera utilisée, et ce sera Times, Times New Roman, sauf peut-être sous Linux.
Il y a deux options : utiliser @font-face si votre police est libre d'utilisation en tant que police téléchargeable ou ajouter une ou plusieurs options de repli : une deuxième, une troisième, etc. et enfin une famille par défaut (sans-sérif, cursive (*), monospace ou serif). La première de la liste qui existe sur le système d'exploitation de l'utilisateur sera utilisée.
(*) La cursive par défaut sur Windows est Comic Sans. Sauf si vous voulez troller les utilisateurs de Windows, ne faites pas ça :) Cette police est terrible sauf pour les anniversaires de vos enfants où elle est la bienvenue.
Ok donc j'ai eu ce problème où j'ai essayé plusieurs options différentes.
La police que j'utilise est Ubuntu-LI , J'ai créé un dossier de polices dans mon répertoire de travail. sous le dossier polices
J'ai pu l'appliquer... finalement voici mon code de travail
Je voulais que cela s'applique à l'ensemble de mon site Web, alors je l'ai placé en haut de la documentation css, au-dessus de toutes les balises Div (ce qui n'a pas d'importance, mais sachez que toutes les polices individuelles que vous attribuez à votre script auront la priorité).
@font-face{
font-family: "Ubuntu-LI";
src: url("/fonts/Ubuntu/(Ubuntu-LI.ttf"),
url("../fonts/Ubuntu/Ubuntu-LI.ttf");
}
*{
font-family:"Ubuntu-LI";
}Si je voulais ensuite que toutes mes balises H1 soient quelque chose d'autre, disons sans sarif, je ferais quelque chose comme suit
h1{
font-family: Sans-sarif;
}Dans ce cas, seules mes balises H1 utiliseraient la police sans-sarif et le reste de ma page la police Ubuntu-LI.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
3 votes
Font-family est une valeur héritée, alors pourquoi ne pas simplement la définir dans le corps ?
0 votes
Vous pouvez choisir la réponse de Jukka K. Korpela. Elle est antérieure d'environ un mois à la réponse choisie actuellement, et son contenu est presque identique.
0 votes
Duplication possible de Comment appliquer une police globale à tout le document HTML
0 votes
Je vous suggère de ne jamais utiliser answer of (Jan Hancic) parce qu'il applique votre police à toutes les balises html, même celles que vous n'aimez pas modifier. Par exemple, si vous créez une balise img à l'intérieur d'une balise td et que vous lui donnez text-align:center et vertical-align:middle, en utilisant cette méthode, votre balise img ne sera jamais au centre de la balise TD. La meilleure solution : vérifiez votre document et appliquez simplement le format de police aux balises qui contiennent du texte.