background preloader

Typetester – Compare fonts for the screen

Typetester – Compare fonts for the screen

https://www.typetester.org/

Related:  Typography / Lettering

Identifier une police de caractères, WhatTheFont Les sites Web utilisent une multitude de polices de caractères plus ou moins lisibles et exotiques pour présenter les textes : titres, entêtes de paragraphes, corps du texte… On peut avoir besoin pour un projet particulier ou parce qu’un client le demande d’utiliser une police dont on connaît pas le nom. A moins d’avoir fait une école d’art graphique bien malin qui peut d’un coup d’œil identifier une police particulière… WhatTheFont est une application en ligne qui à partir d’une image contenant du texte que l’on a scanné ou qui est accessible sur le Web par une URL, réalise une reconnaissance afin d’identifier la police de caractères utilisée. Pour que la reconnaissance se fasse correctement il faut disposer d’un échantillon d’au moins 50 caractères variés avec le plus de lettres différentes possibles, d’une page de caractères la plus horizontale possible, d’une bonne résolution d’au moins 300 dpi et de préférence d’un fichier image au format Tiff en niveaux de gris.

Tutoriel Wordpress: Google Web Font pour choisir la police de son site. - Steven Morlier photographe de studio à Montpellier Quelques explications historiquesGoogle Web Font est un site Internet proposé par Google pour ajouter des polices de caractères à votre site Web. En effet, la plupart des navigateurs actuels ne proposent qu’un choix de polices de caractères limitées : Arial, Verdana… Pour remédier à ce problème, j’utilisais Cufon.js, un javascript qui transformait le texte en morceaux d’images, une catastrophe pour le référencement des titres mais une approche séduisante en terme de design. Le CSS3 introduit de nouvelles possibilités, vous pouvez héberger une police de caractères sur votre site Web et lier cette police dans la feuille de style de votre thème. La solution de Google Web Font améliore l’utilisation du CSS3 en hébergeant sur leurs serveurs la police de caractères que vous aurez choisi.

Comment utiliser une fonte «non-standard» sur un site Web ? - Alsacréations Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page. Design graphique et tarifs Vu sur le blog Artbook, une publication des tarifs sensés être pratiqués dans les milieux du design graphique, de la photo et de l'illustration. Cette grille de tarifs a été originalement publiée dans le magazine Créanum et dans le Guide du graphiste indépendant. La voici : En temps que graphic designer, je ne suis absolument pas contre la publication des tarifs de la profession, bien au contraire. Il y a eu plusieurs initiatives dont la plus emblématique fut celle du défunt Syndicat national des graphistes (SNG) dans les années 90.

Classification Vox-Atypi Un article de Wikipédia, l'encyclopédie libre. En typographie, la classification Vox-Atypi permet de classer les polices de caractères en douze grandes familles. Inventée par Maximilien Vox en 1952, elle a été adoptée en 1962 par l'Association typographique internationale (ATypI). Historique[modifier | modifier le code] La classification Vox-ATypI définit des archétypes de caractères, mais en réalité une police peut très bien hériter des caractéristiques d'une, deux ou trois familles. Famille des caractères classiques[modifier | modifier le code]

Sites web mobiles : 30 Exemples d'interfaces L’explosion du mobile exige de la part des développeurs web d’élargir leurs connaissances et de s’adapter aux différents standards web des plateformes mobiles distinctes : téléphones intelligents et tablettes mobiles. Bien que les buts premiers d’un site web resteront les mêmes d’une plateforme à une autre, l’expérience usager, elle, sera bien différente. Sur un appareil mobile, il existe quelques différences majeures telles que le principe de navigation, la résolution d’écran et l’ergonomie du site web. Vous trouverez dans cet article quelques exemples de sites mobiles très efficaces, plaisants à naviguer et très ergonomiques ayant trouvé la recette parfaite pour s’adapter aux différentes plateformes disponibles. La liste suivante de sites web mobiles a été rédigée par Jake Rocheleau et est parue initialement sur Spyrestudios.com.

La typographie dans le graphisme. sur Geekeries.fr La typographie, qui commença en 1450 avec l’invention de Gutenberg, nous permet de nos jours à communiquer plus facilement et plus esthétiquement. Nous devons soigner les différents aspects et mettre en valeur les informations essentielles de nos sites/blog ou encore pour nos documents imprimés. Mais, tout le monde ne connaît pas les règles de bases de la typographie, et nous voyons des fois, pour ne pas dire tout le temps, des coquilles très perturbante, que ce soit chez les professionnels (même si cela ce fait de plus en plus rare) ou les novices. Cet article a pour but, d’aider bien évidemment les novices ou toutes personnes intéressées par la typographie générale. Je vais vous présenter, quelques types de caractères, et vous expliquer le rapport graphisme/sens du texte avec les différentes classifications qu’ont créés de brillants typographes.

Speed Boat Dans la lignée des « Innovation Games » et la palette d’ apprentissage par le jeu … le Speed boat. Les buts du speed boat sont multiples, voici trois exemples : - Faire un état des lieux (problèmes en cours de projet par ex.), - Ressortir les attentes et blocages d’un groupe sur un sujet en particulier, - Réaliser une rétrospective (bilan ou rétrospective de sprint). Sur un tableau, ou une feuille de grande taille, sera représenté un bateau, une ile, des vents et des ancres. 1. Le bateau peut représenter l’équipe, le projet ou un point en particulier. 2.

Comment identifier la police de caractère utilisée sur une image En visionnant des affiches, logos ou même des infographies, il arrive parfois que les typographies utilisées nous interpelles sans que l’on soit capable de la reproduire. L’idéal serait de pouvoir identifier la police de caractère automatiquement et justement, il existe un service en ligne gratuit pour cela. Amis webmasters et autres amateurs de typographie donc, je vous invite a tester WhatTheFont. Le principe est simple, il suffit d’uploader l’image (2 MB maxi) avec les caractères pour lesquels vous souhaitez connaitre la police ou spécifier une URL si l’image est en ligne.

Related:  Create Fonts OnlineCSS3CSS3 toolslearn cssFontsDesign ToolsComputer, Web, Design, DealstypographieOutilsCSS 3CSSOutils création site WEBFonts / TypographieFront EndGraphism generalOutils - ToolstipografiaFont Tools and TutorialsBoite à outils web/ intégrationTYPOGRAPHY