follow me
Il est possible d’utiliser une police d’écriture personnalisée sur une page Web. Pour se faire, il existe la propriété CSS @font-face permettant de créer une font-family. Vous pouvez lire : Comment imbriquer une fonte dans une page Web ? qui pose la problématique du format et explique l’intégration de la police en CSS.
Si vous choisissez de récupérer une police de caractères sur un annuaire, il y a de grande chance que le format de celle-ci soit du TTF. Pour une intégration cross-browser dans une page Web, il sera nécessaire de générer plusieurs formats de font. Il existe plusieurs plus outils capable d’exécuter cette tâche.
Lire le reste de cet article »
Archive pour la catégorie ‘HTML/CSS’
Comment convertir une font en .TTF .EOT .WOFF .SVG
Jeudi 30 juin 2011Comment imbriquer une fonte dans une page Web ?
Mercredi 25 mai 2011
L’attribut @font-face est loin d’être récent. Il existait déjà sur Internet Explorer 4 et sur Netscape 4. Malheursement il n’ont pas réussi à se mettre d’accord sur le format de fonte à utiliser.
Il faut aussi savoir qu’à cette époque les connexions ADSL n’était réservé qu’aux plus chanceux d’entre nous. Par conséquent l’intégration d’une police de caractère à une page web était particulièrement pesante pour la bande passante. C’est certainement ces arguments qui ont poussé le W3C a ne pas inclure la propriété @font-face aux spécifications de CSS2.1. Lire le reste de cet article »
Comment faire un texte en 3D avec CSS ?
Mercredi 27 avril 2011
L’arrivée d’Internet Explorer 9 va enfin nous permettre d’exploiter à fond le CSS3. Tous les navigateurs modernes supportant désormais cette technologie, l’utilisation de Photoshop pour les effets de styles sur le texte n’est plus automatique.
La propriété CSS text-3d n’existe pas en soit. Mais on peut créer l’effet 3D en superposant plusieurs ombres de texte (text-shadow).
Lire le reste de cet article »
Comment faire un meta-tag robots avec CakePHP ?
Vendredi 14 janvier 2011
Dans une page HTML, un meta-tag est une balise se plaçant à l’intérieur du <head> permettant de donner une information concernant la nature ou le contenu de la page web. Il en existe de différents types tels que keywords (pour lister les mots clés de la page), description(pour faire une description de la page) ou robots(pour donner des directive aux moteurs de recherche). Vous pouvez trouver plus d’information à propos des meta-data sur le site du W3C. Lire le reste de cet article »