Personnaliser les polices de votre blog avec Google Fonts ! sur Geekeries.fr | Découvrir WordPress. 8 Faces | Le Mag. Du poids des pages d'accueil. Savez-vous combien pèse la page d’accueil de Yahoo ? Cette question n’est pas anodine car cette valeur a été pendant longtemps une unité de référence pour la vitesse de chargement des pages d’un site web. En presque 10 ans passés en agence, je ne compte plus le nombre de cahiers des charges et brief où il étai stipulé que le poids des pages du futur site du client ne devait EN AUCUN CAS dépasser la limite de 30 Ko (le poids théorique de la page d’accueil de Yahoo!
Dans l’inconscient collectif). Puis il a été question de 60 Ko… Puis ça a été l’avènement de l’ADSL, les années YouTube et maintenant plus personne ne se soucie du poids des pages. Oui mais voilà : Il fut un temps où la page d’accueil de Yahoo! Je me suis amusé à comparer les pages d’accueil de certaines boutiques en ligne française, et le résultat n’est pas brillant : Concernant les sites d’information, c’est encore pire : L’Express = 3,5 MoLiberation = 3,4 Mo20Minutes = 2,7 MoLeMonde = 2,2 Mo. Guide to CSS Font Stacks: Techniques and Resources - Smashing Magazine. Advertisement CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font.
But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you intend without showing everyone else a default font. Read on for more information on using and creating effective font stacks with CSS. Creating Your Own Font Stacks There are a huge variety of font stacks recommended. First of all, make sure you always include a generic font family at the end of your font stacks. Third, make sure you pay attention to the scale of the fonts in your stack. Common Font Stacks A lot of designers out there have taken a crack at creating ideal font stacks.
Better CSS Font Stacks Here are some listed for body text: For headlines: 8 Definitive Web Font Stacks. Lisibilité des sites web, font-size : 100% – 16px | All For Design. Dans ce nouvel article je vais présenter les solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel. Je ferai une analyse des « bonnes » pratiques typographiques pour optimiser la lisibilité du contenu et présenterai une sélection de sites web affichant leur contenu textuel à la taille par défaut de 100% soit 16px. Trop gros ? Pas esthétique ? Hum… pas si sur que ça… Cet article est disponible en Français et en Anglais : EnglishFrançais Le travail des webdesigners est de concevoir et de réaliser des sites web répondant à la problématique de leurs clients.
La lisibilité du contenu est donc un point crucial qui doit attirer toute notre attention. Pour une meilleure lisibilité sur le web Bien qu’il n’existe pas de solution toute faite pour optimiser la lisibilité d’un contenu textuel sur le web, il existe cependant quelques rêgles qu’il est bon de connaître : Choisir un corps de texte suffisamment élevé. Wilson Miner : Relative Readability Analog. Google fonts : tests de lisibilité | All For Design. Avant d’utiliser les polices proposées par Google dans le Google font directory, j’ai décidé de les tester une par une, sur OS-X et sur Windows afin d’évaluer leur lisibilité.
Cet article propose un récapitulatif des résultats sous forme de pdf téléchargeable gratuitement (Français/Anglais) ainsi qu’une analyse détaillée… Webdesign et typographie 2010 aura incontestablement été l’année de la typographie sur le web. Le nombre de services dédiés (ou non d’ailleurs) à l’usage de polices sur le web (via @font-face) a explosé ces derniers mois (Typekit, FontDeck, Typotheque, FontsLive, Fontspring, TypeFront, Fonts.com, Ascender fonts, Kernest, Webink etc.) c’est un véritable raz-de marée d’outils au service du travail typographique sur le web. Dans ce que je peux comprendre du travail typographique d’un webdesigner, la base d’un caractère de labeur c’est avant tout d’être lisible sur plusieurs résolutions, systèmes d’exploitation, dans différents corps de texte etc. Evaluation de la lisibilité. Revised Font Stack | A Way Back.
Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts. “… font stacks are ultimately design factors, and should be scrutinized as such.” —Nathan Ford, Better CSS font stacks Baskerville, Garamond and Palatino have already been used a few times to create font-stacks that inspire. I’ve selected 10 popular typefaces, serif and sans-serif, each from the survey. MicrosoftTahoma, Verdana, Segoe, sans-serif;Microsoft.com will be (in most cases) rendered in Verdana on Mac, and in Tahoma on Windows.
Times New RomanIf we look at the above snapshots taken from Sushi & Robots’ about page, we will find that Palatino and Georgia have different x-height (and weight) than Baskerville and Garamond. Ban comic sans » Safari Extension Changes Comic Sans Websites into Helvetica! L_Demontiers : Typekit, Adobe, @font-face le le marché de la Typo - 17/08/2010. Vous n’êtes certainement pas passé à coté de l’annonce du partenariat entre Adobe et TypeKit. L’article est ici : Cette annonce à été grandement diffusée sur Twitter et j’ai impression qu’elle à été perçue comme quelque chose de positif. C’est vrai que la propriété CSS3 @font-face à ouvert des perspectives à la fois aux graphistes mais aussi à tous les acteurs de la chaine de production onscreen. La solution semble acceptable pour les aficionados de l’intégration, de la sémantique et de l’accessibilité. Pour ce qui me concerne, en tant que Designer, ma responsabilité c’est d’offrir aux annonceurs un « Droit à la cohérence ».
Adobe et TypeKit sont dans un bateau Les fontes Adobe sont disponibles chez TypeKit, oui, mais à quel prix ? … Hum … Bon déjà, je remarque que le prix de cette licence c’est écroulée de 150% en 6 mois. Un tel écroulement des tarifs n’est pas anodin. Les intérêts des éditeurs, et ceux des créateurs.