Tilap.net

Développement web

Fonts

Des typographies pour votre site web

Intégrer Fontello dans son workflow dev pour gérer facilement ses icones applicatifs

Si vous ne connaissez pas fontello…

Fontello est est générateur de fonticon en ligne. Il permet à travers une interface web de construire un set d’icônes en les choisissant parmi les fonticons open source les plus connues, ou bien en important ses propres SVG.
Il va plus loin, en mettant à disposition de quoi définir le nom de votre font, de préciser pour chaque icône le nom de la classe CSS à utiliser, les codes ASCII de chacun, et de télécharger le tout sous un zip. Un vrai petit bonheur qui simplifie la vie.

Une fois le zip à votre disposition, vous l’intégrez dans votre projet, pointez sur la feuille de style, puis utilisez les classes CSS des fonticones dans votre code. Très facile.

Lire la suite »

Les typographies et fonts « web safe » pour les sites ayant du caractère

Pour les typographies sur le web, vous pouvez utiliser les typographies que vos visiteurs possèdent sur leur ordinateur, ou bien des polices de caractères que vous embarquez vous même via des services externes comme Google fonts et autre.

L’avantage des typos déjà existantes sur le poste client : aucun chargement additionnel (c’est déjà sur le poste). Les inconvéneits : en fonction de l’OS (windows, linux, mac…), vous ne les aurez pas forcément toutes.

Si néanmoins vous souhaitez faire appel à ces typographies et ne pas avoir recours à des services externes (par exemple pour des sites Intranet coupés du web extérieur, ou simplement pour des questions de rapidité / simplicité, ou bien encore si vous avez réussi à tuer votre designer), voici 6 familles de typographies qui sont considérées « web safe« . C’est à dire que ces typographies pourront être utilisées sans trop de risque et avoir un rendu assez similaire sur la majorité des OS et navigateurs récents.

Je vous les regroupe en 3 familles, pour vous simplifier la tache : sans-serif, serif et monospace.
Chaque famille comporte en dernier recours la typo qui pourra se trouver par défaut sur l’OS en question et qui correspondra à votre besoin.

Lire la suite »

X