* Wordpress Angers

Wordpress Angers

Article:

Comment repérer des s originales gratuites pour votre site?
La typographie de vos textes produit une différenciation entre les sites internet. Vous avez de base ac à un nombre assez limité de : Arial, Verdana, Tahoma... Comment faire ?
Il y a également des droits sur les s. Seulement, vous trouverez ci-dessous des sites où vous trouverez uniquement des s qui seront réutilisables gratuitement sur votre site.
Font squirrel
Sur le menu du haut : “ Test Drive” discerne la en fonction de ce que vous aurez tapé. “CharacterMap” permet de visualiser l'ensemble des caractères supportés. “@font-face Kit”’ permet de télécharger le kit d'installation.
Comment l'installer sur son site?
Le téléchargement du @font-face Kit sur votre ordinateur est immédiat selon les étapes suivantes :
Extraire le fichier
Relever le contenu présent dans le fichier “stylesheet” et coller le dans le fichier css de votre propre site. Faites attention à rectifier les URL de destinations des fichiers de (eot/woff/ttf)
Ex: src:url (‘DearestRegular.eot') a remplacer par src:url (‘font/DearestRegular.eot') si vous allez mettre vos fichiers s dans un dossier font. Déplacer les fichiers de à l'emplacement mentionné dans vos css.
Google web fonts
Google offre près de 500 s distinctes et l'intégration est abrégée puisque les s sont directement stockées chez Google. Vous pouvez dans le menu du haut visualiser les s en fonction d'un mot, d'un texte ou d'un paragraphe que vous aurez au préalable tapé.
Cliquez sur le bouton “Add to Collection” pour introduire une à votre sélection. En cliquant sur “Pop Out”, vous pourrez distinguer l'ensemble des caractères supportés. Par contre, certaines s ne sont pas adaptées aux langues latines avec les “é”, “à”... Lorsque vous avez terminé, cliquez tout en bas dans la barre bleue sur “Use”
Comment l'installer sur son site?
Adoptez la en gras en cochant les différentes cases. Il vous suffit maintenant plus que de copier le code de l'étape 3 “Add this code to your website” et de le coller sur votre site entre les balises head