WebPetit

Vous avez trouvé une police de la mort-qui-tue-deux-fois sur un site de ouf-malade et vous voulez l’installer sur Ubuntu pour l’utiliser avec votre thème, vos documents OpenOffice et autres applications ?
Ne vous inquiétez c’est tout à fait possible !

Deux solutions se présentent à vous. L’installer rien que pour votre session car vous êtes un sale égoïste (ou bien il n’y a qu’une session sur votre système) ou l’installer pour tout le monde vous êtes généreux.

La solution de l’égoïste

On copie la police dans le dossier /home/utilisateur/.fonts/. Si .fonts n’existe pas on le crée.

cp mapolice2lamortquitue.ttf /home/utilisateur/.fonts/mapolice2lamortquitue.ttf

La solution du généreux

On copie la police dans le dossier /usr/share/fonts/. Pour ce faire, il faut avoir les droits root. On peut utiliser le bon vieux sudo.

sudo cp mapolice2lamortquitue.ttf /usr/share/fonts/mapolice2lamortquitue.ttf

Attention il faudra relancer l’application que l’on veut utiliser pour qu’elle puisse recharger la liste des polices de caractères à dispositions.

Voici quelques sites où vous pouvez trouver des polices sous différentes licences :

• Font Squirrel
• dafont.com
• 1001 fonts

Voilà c’est tout pour ce tuto, et n’oubliez surtout pas : BI-DOU-ILLEZ !

---

Vous avez toujours rêvé d’avoir une police de la mort-qui-tue sur votre site parce que c’est trop bien ? Mais ce fourbe d’IE ne reconnait pas vos polices ttf et otf  pourtant bien importées avec @font-face. La solution est de convertir votre police au format eot pour que le navigateur de Microsoft reconnaisse vos fontes.

D’abord on s’assure que g++, le compilateur Gnu pour C++, est bien installé, sous une Debian :

sudo apt-get install g++

On télécharge la dernière version de ttf2eot (merci Google au passage) on décompresse le zip ou le tar.gz téléchargé, on lance son terminal et on se place dans le dossier tt2eot avec un beau cd (la commande pas celui qui traîne dans votre chaine hi-fi ).

Ensuite on entre :

sudo make

make devrait suffire mais on est jamais trop prudent. Maintenant on peut convertir nos polices au format eot :

./ttf2eot < chemin/vers/ma/police/de/ouf/malade.ttf > chemin/vers/ma/police/de/ouf/malade/au/format.eot

Et ensuite on inclu ça dans son CSS :

@font-face {
font-family: 'Ma Police de Ouf Malade';
/*Si vous ne voulez pas vous taper les guillemets, font-family: 'Ma_Police_de_Ouf_Malade'; */
src: url('chemin/vers/ma/police/de/ouf/malade/au/format.eot');
src: local('☺'),url('chemin/vers/ma/police/de/ouf/malade.ttf') format('truetype');
}

Voilà c’est tout pour ce tuto, et n’oubliez surtout pas : bi-dou-illez !

---

La propriété CSS font-family permet de définir un groupe de police permettant un bon affichage de la page HTML par le navigateur.

body{
font-family:Arial, 'Comic Sans Ms', Helvetica, sans-serif;
}

Elle permet d’afficher une page HTML en imposant une liste de police au navigateur, ainsi dans notre exemple si l’ordinateur du visiteur n’a pas Arial , ce sera Helvetica qui s’appliquera et ainsi de suite.

Nous avons comme valeurs  de fontes : Times New Roman, Times, serif… Ou des types de polices génériques : serif, sans-serif, cursive, fantasy… à appliquer une à une.

Si la police est composée de plusieurs mots, on la mettra alors entre guillemets simples ou doubles.

Exemple :

<p style="font-family: 'Courier New',courier,monospace;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.
</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.

---