Chargement...

La police d'écriture en CSS


Il y a deux manières d'implémenter une police d'écriture ( ou font ) sur votre site web:
soit vous l'hébergez sur votre site,
soit vous l'importez d'ailleurs.

Importer une police depuis Google Fonts

Google Fonts Google Fonts propose une longue liste de polices d'écriture : Lien

Exemple d'utilisation:

Insérer le code ci-dessous dans votre balise <head>
<link href="http://fonts.googleapis.com/css?family=Fenix" rel="stylesheet" type="text/css">
puis intégrez le code suivant dans votre CSS.
<style>
body
{
font-family: "Fenix", serif;
}
</style>
Et voila, sans autre intervention, votre police d'écriture a changé comme par magie.

Enregistrer une police d'écriture sur votre site

Pour importer la police, vous devez récupérer le fichier de la police - généralement un fichier qui a une extension .ttf ou .otf - et l'enregistrer dans le dossier de votre choix.

Il faut ensuite indiquer la source au CSS:
<style>
@font-face
{
font-family: "ma_police";
src: url("folder/ma_police.ttf");
}
</div>
Puis définir quel élément est concernée par cette police d'écriture
<style>
body
{
font-family: "ma_police", serif;
}
</style>



UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW