background preloader

CSS: Familles de polices

CSS: Familles de polices
Familles de polices Après la couleur, la propriété font est certainement l'une des plus importantes pour un document. Cette page ne contient pas "d'astuce" sur les polices de caractères mais montre l'étendue des variations que CSS autorise sur les polices. Puisque toutes les polices ne sont pas disponibles sur tous les ordinateurs (il y en a des milliers et la plupart ne sont pas libres de droits), CSS fournit un mécanisme de repli. Le tableau ci-dessous montre divers exemples de polices (votre navigateur peut ne pas toutes les connaître). Styles des polices La plupart des polices ont des styles différents à l'intérieur d'une même famille, typiquement un style gras et un style italique, souvent également un style gras-italique, moins souvent un style 'minuscule', et dans quelque cas des versions extra-fines/extra-grasses ou étendues/condensées. Le tableau ci-dessous montre différents styles. Related:  Fontsoutils personnalisation WP

95 typos gratuites et indispensables pour vos designs C’est souvent un sacré casse-tête de trouver la typo idéale pour un projet. Il faut dire que les possibilités ne manquent pas ! Dans la foule de typos qui existent, comment faire rapidement le tri entre celles qui apporteront une véritable valeur ajoutée à vos designs et celles qui vous feront uniquement perdre votre temps ? Nous avons voulu vous donner un petit coup de pouce en commençant à faire le tri pour vous ! 1. par Shrenik Ganatra 2. par Veronica di Biasio 3. par Adilson Gonzales de Oliveira Jr. 4. par Simon Stratford 5. par Slava Kirilenko 6. par Jean Wojciechowski 7. par Osama El Khalfaoui 8. par Atipo 9. par Matthias Henri 10. par Pier Paolo 11. par Free Goodies for Designers 12. par Krisjanis Mezulis et Gatis Vilaks 13. par Ion Lucin 14. par Timo Kuilder 15. par Axel Bizon 16. par Lucas Almeida et Dmiti Goloub par Titus Prod 18. par Antonio Rodrigues Jr. 19. par Mikrojihad Inc. 20. par Filiz Sahin 21. 22. par René Bieder 23. par Cute Punk et Flou 24. par Tyler Finck 25. par Boris Bonev 26. 27. 28.

21 familles de polices prêtes pour le Web Font Tester est un comparateur de polices en ligne très pratique pour choisir quelle famille de polices (« font stack ») utiliser sur le Web. Son auteur y publie également une liste de 21 familles « web safe » prêtes à l’emploi : elles assurent un rendu homogène sur les différentes versions de Windows, Mac, Linux, etc. Voici un échantillon de chacune : font-family: Arial, Helvetica, sans-serif; Portez ce vieux whisky au juge blond qui fumeABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 font-family: 'Arial Black', Gadget, sans-serif; font-family: 'Bookman Old Style', serif; font-family: 'Comic Sans MS', cursive; font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: 'Lucida Console', Monaco, monospace; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: Symbol, sans-serif;

Get Comic Neue 13 choses à faire avant de changer son thème WordPress Si vous utilisez WordPress alors vous avez probablement changé de thème au moins une fois. Si vous ne l'avez pas encore fait et que c’est une première, alors c’est encore mieux! La beauté de WordPress est qu'il rend très facile les changements de thème. Cela peut se faire (en théorie) en quelques clics de souris. Mais changer de thèmes dans de bonnes conditions nécessite un minimum de préparation. Dans cet article, je vais vous proposer une liste des choses à faire AVANT de changer son thème WordPress. 1/ Prenez des notes sur votre thème actuel Nombre d'utilisateurs WordPress surfent sur le web pour trouver des solutions à leurs problèmes. Vérifiez donc vos fichiers de thème et notez tous les bouts de codes supplémentaires que vous y avez ajouté. 2/ Soyez prudent avec vos barres latérales Les widgets de la barre latérale sont vraiment faciles à utiliser et de facto un grand nombre d'utilisateurs les utilisent pour personnaliser WordPress. 3/ Quid de votre suivi ? 4/ Sauvegardez !

86 top-quality typography tutorials The web is brimming with typography tutorials, but many are low quality and others are very out of date. So we’ve trawled the internet to uncover the diamonds in the rough, in the form of 50 top-quality typography tutorials, to bring your knowledge and skills up to speed. Get Creative Cloud Perhaps you’re looking for a good introduction to the fundamentals of typography? We’ll be adding to this list as time moves on, so make sure you bookmark this fantastic resource, and come back from time to time to see what’s new in the world of typography tutorials. We'll start by looking at tutorials to help you with mastering the fundamentals of typography – skip through to another page if you're after something more advanced. 01. Not sure exactly what typography terms mean? Six further terms (tracking, widows and orphans, serif fonts, sans-serif fonts and script & cursive fonts) are explained in part two, which you can watch here. 02. 03. 04. 05. 06. 07. 08. 09. 10.

htaccess WordPress : comment configurer et optimiser ce fichier clé pour votre site Vous vous demandez comment créer des redirections, protéger vos fichiers ou bannir une adresse IP de votre site WordPress ? Si c’est le cas, vous avez sûrement croisé le nom de « fichier .htaccess » lors de vos recherches. Un fichier .htaccess (contraction de « Hypertext Access ») est un fichier de configuration d’Apache. Voici comment le configurer et l’optimiser pour améliorer votre site Internet ! Pourquoi est-il important ? Votre fichier .htaccess WordPress vous permet par exemple de protéger un répertoire par mot de passe, d’interdire un accès à des ressources, de créer des redirections, entre autres usages. Il joue donc un rôle important dans la sécurisation et l’amélioration des performances de votre site. Notez que vous pouvez avoir plusieurs fichiers .htaccess. Avertissement : Sauvegardez bien le contenu de votre fichier .htaccess d’origine avant de faire vos modifications. Où trouver le fichier .htaccess de votre installation WordPress ? Et sur Mac ? <FilesMatch "^. <Files ~ “^.*.

nůn {atelier de design graphique} - Transmettre - Espace pédagogique - fondamentaux - Typographie : historique, vocabulaire et familles de caractères Pour faire court De mutations en mutations, la typographie s'est transformée au fil des siècles et des millénaires. Les premiers systèmes de communication étaient de nature pictographique-idéographique, c'est à dire basés sur la représentation d'un mot ou d'une idée sous forme figurative ou faiblement abstraite. Les signes ont ensuite progressivement évolué avec des différences importantes selon les régions du monde, pour arriver en France à un système d'écriture basé sur l'alphabet latin (alphabet vient de Alpha et Beta, les deux premières lettres de l'alphabet Grec) dont les signes (les lettres) représentent les phonèmes de notre langue, c'est à dire ses sons. En 2006, Françoise Briquel-Chatonnet a proposé la chronologie suivante pour les écritures alphabétiques : Anatomie de la lettre La typographie utilise beaucoup de termes qui permettent de décrire avec une grande précision la partie de la lettre dont on parle. Mesure de la lettre (taille du corps) Le jargon Familles de caractères

65 best free fonts, Spring 2015 So far, 2015 has been a bumper year for fonts, with dozens of new designs going live. There are a couple of dominant trends, both carried over from last year. The first is the ongoing influence of lettering that gives us great typefaces like Gallow Tree. The other is a love of expressive geometric sans, in designs like Ohmega Sans. Today, we’ve compiled a list of the best free fonts that have been released, or received a major update, in the first three months of 2015. Browse through what’s availble, try them out, and if you use them in a project, let us know! Slot Laura Perfograma Tritio Refuge Rancho Geomanist Bebas-Tam Modak Allegheny Ordnung Timber Gogóia Nurjan Poniente Velodroma Hand-Crafted Pier Kaneda Aileron Ohmega Sans Kanji Bellaboo Streamster Runaway Basulto Gadaj Barcelona Manufraktur Dollar Bill Maxwell Western Grit Tresdias White Pine Nordic Gallow Tree Yapa Growl Rhetoric Valencia Bauru Bear Display Research Facile Sans Nickainley Streetwear Monthoers Harlott

the-100-greatest-free-fonts-for-2014 Here we are, once again, with our now-famous selection of the top 100 free fonts for 2014. This year we have only selected fonts published or updated in late 2013 and 2014, giving you one of the most up-to-date lists around. The majority are completely free with licenses for commercial use; the odd few available for personal use only have extended license options at a very reasonable price. Font Selection We have selected all kinds of typefaces which can be seamlessly integrated into any design: Sans Serif, Slab Serif, Rounded, Decorative, Display, Art Deco, Geometric, Futuristic, and many more besides. We have categorized the typefaces to help you browse more efficiently. Sans-Serif Typefaces Display and Decorative typefaces Display font - Typokitchen is a ten day typographic workshop organized for the first time in Macedonia, where the participants have the opportunity to learn how to create their own font. Serif Typefaces Script, Calligraphic and Hand-drawn

60 typographies d’exception gratuites pour cet été 2015 2015 est depuis le début une année incroyablement prolifique et qualitative pour les typographies gratuites. Webdesigner Depot a sélectionné 60 des meilleurs typographies de ces 3 derniers mois afin que vous puissiez habiller vos designs de la typographie parfaite cet été. Vous trouverez de tout : des familles de police entières, des typographies adaptées pour des titres ou d’autres pour du corps de texte, certaines très sobres ou d’autres très ornementées et graphiques dans des styles variés. Retrouvez l’intégralité de la liste de polices sur l’illustre blog de design anglophone : 60 des meilleurs typographies gratuites, été 2015 Ci-dessous, une large sélection de celles qui m’ont plu parmi ces 60 typographies : Ailerons Yeah Papa Etna Phelix Boomgartner Glass Beads Sensei Reef Geom Prosto Sans Bold Brixton Line Hamster Script Shumi Fancy No Name Helena Endless Neon Tube Metropolis Charming Ohitika Spumante Blackberg Layered Type Quirko Badhead Barry Diana Sans Ranger Hero Zike Bomb Jazzball Phage Lombok El Capitan Yarin

10 fonts gratuites pour le mois de juin 2015 Pour les professionnels qui utilisent souvent des fonts dans leurs travaux, il est parfois difficile de trouver des polices originales ou différentes. Voici 10 fonts à utiliser dans vos créations pour une qualité professionnelle.Des polices souples et élégantes, d’autres puissantes et agressives. Il y en a pour tous les goûts et pour tous les styles. N’hésitez pas à partager l’article sur les réseaux sociaux Stormfaze Stormfaze est une police pour les adeptes de science fiction ou pour les fans de high-tech. Découvrir Stormfaze Recevez les /listes de Template.pro directement par mail Tous les matins à 9h avec votre café, recevez les meilleurs ressources, les meilleurs templates ou de l'inspiration pour bien commencer la journée ! Belladona Belladona est une font qui vous fera voyager dans le monde et dans le temps. Découvrir Belladona Lombok Lombok est une police moderne et contemporaine. Découvrir Lombok Yarin Yarin est une font qui respire l’esprit bio et l’amour. Découvrir Yarin Wask New Etna

Où trouver des typos Pour vos présentations, votre site Web, votre portfolio, votre logo, votre CV, et finalement, n’importe quelle création graphique, il est primordial de choisir de belles typos. Elles doivent être adaptées au style graphique de la création, au public visé : la typo est un élément clé. Si vous faites partie des personnes qui utilisent encore de la Comic Sans, autant être vous le dire tout de suite : vous êtes complètement à côté de la plaque. N’importe quel designer vous le dira, il ne faut jamais, jamais, jamais, utiliser de la Comic Sans (et ne parlons pas de la Papyrus). Les raisons de cette interdiction catégorique ne sont pas si arbitraires que ça : la typographie est primordiale pour une image graphique de qualité. Où trouver des typos ? Plusieurs banques proposent des typos, gratuites ou payantes : My FontsUne belle source de typos, la plupart payantes mais le site dispose d’une catégorie avec des promotions très intéressantes. DafontUn site avec du payant et du gratuit.

Related: