background preloader

Font, polices d'écritures, charset

Facebook Twitter

Typography Served. Fixer le paramètre HTTP charset. Public visé : développeurs en langages de script (PHP, JSP, etc.), webmasters, chefs de projest Web, et tout ceux souhaitant comprendre comment configurer l'envoi du paramètre Charset.

Fixer le paramètre HTTP charset

Quand un serveur envoit un document à un agent utilisateur (par exemple un navigateur) , il transmet aussi le format des données via l'entête HTTP Content-Type. Cette information est écrite sous la forme d'un type MIME. Cet article est un point de départ pour ceux ayant besoin de fixer l'information de codage dans l'entête HTTP. De plus amples informations sur des sujets connexes sont disponibles dans les articles how to declare character encoding in HTML pages, ou savoir vérifier les en-têtes HTTP. Le paramètre Charset Tous les documents transmis par HTTP et de type texte, comme les contenus text/html, text/plain, etc., peuvent être accompagnés d'un paramètre charset dans l'entête HTTP, afin de spécifier le codage du document. Il est très important de toujours libeller les pages Web de manière explicite. UTF-8 and Unicode Standards. @font-face et les navigateurs, la solution ultime ! Publié le par eroan dans CSS, Développement | 8 commentaires » Dans le cadre de la refonte de Scooter System, je me suis intéressé de près à l'implémentation de polices d'écriture exotiques dans les pages web.

@font-face et les navigateurs, la solution ultime !

Après avoir trouvé une première solution que je pensais idéale (@font-face CSS avec un .ttf + javascript Cufon), mes heures de recherches sur les sites et blogs spécialisés m'ont conduit vers une solution à la fois plus légère, plus simple et multi-plateformes. La solution que j'ai finalement adoptée ne fait appel à aucun plugin ou librairie javascript et a l'avantage d'être interprétée directement par les navigateurs quels qu'ils soient : IE6, 7, 8 et 9, Firefox, Chrome, Opera, Safari et ses versions mobiles (pour iPhone et iPad). Elle repose sur un simple appel en CSS3 de la propriété @font-face, avec une subtilité qui fait que chaque navigateur va appeler un format de police qu'il sait interpréter : Notez que dans l'appel du fichier .svg est présent un hashtag (#custom). Text-align: start; CSS: fonts. Font families After the color, the font is probably the most basic property of a page.

CSS: fonts

On this page I won't show any "tricks," but I will show the range of font variations that CSS allows. Since not all fonts are available on all computers (there are thousands of fonts, and most are not free), CSS provides a system of fallbacks. You list the font that you want first, then any fonts that might fill in for the first if it is unavailable, and you should end the list with a generic font, of which there are five: serif, sans-serif, monospace, cursive and fantasy.

The following table shows examples of various fonts (your browser may not know all of them) and you can see what your browser does with each of the five generic ones: Font styles Most fonts have various styles within the same family, typically a bold and an italic one, often also a bold italic style, somewhat less often a small-caps and in a few cases extra-light/extra-bold or stretched/condensed versions.

Typekit. SimplytheBest Free Fonts. FontFont.