background preloader

Comment utiliser une fonte «non-standard» sur un site Web

Comment utiliser une fonte «non-standard» sur un site Web
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. Il s'agit de la règle @font-face. Mais celle-ci a été peu implémentée par les navigateurs, ou alors partiellement. Pendant longtemps, le seul navigateur à avoir un support tout relatif de @font-face était Internet Explorer. Quand @font-face revient En réalité, @font-face n'a pas été supprimée de CSS, elle a juste été repoussée à CSS 3. Support de @font-face par les navigateurs Google Web Fonts Font Squirrel

http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html

Related:  CSS3TutosCommunicationEcrire pour le web

Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée.

03. Qu’est-ce qu’un angle ? Tous les jours, les médias concurrents traitent les sujets importants. Sur un même sujet chacun peut constater que le résultat est différent d’une radio à l’autre. Tout dépend de l’angle choisi pour traiter le sujet. Si l’angle est bon, le reportage va intéresser. Conseils pour une bon titre d'article sur le Web Étiquettes : lisibilité, principes formels, principes rédactionnels C’est quoi un titre d’article qui marche? On vous propose un inventaire des différents genres de titres qui marchent pour vos contenus Web. 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.

:before Cet article nécessite une relecture technique. Résumé :before crée un pseudo-élément qui sera le premier enfant de l'élément sélectionné. Généralement utilisé pour ajouter du contenu esthétique à un élément, en utilisant la propriété CSS content. Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc. Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style.

Rédaction web : la technique de "l'angle éditorial" Pour réussir la rédaction web d’un article de blog ou autre page, il ne suffit pas de bien écrire. La notion « d’angle éditorial » est essentielle afin d’assurer la cohérence et le fil rouge de votre contenu. L’angle éditorial en rédaction web : créer un fil rouge dans votre discours Le comportement de lecture sur le web est très volatile. La concentration est difficile devant un écran. Résultat, l’internaute va lire le contenu en diagonale, cherchant les idées principales.

Référencement SEO – C'est bien mais c'est quoi ? Bien souvent lors de la création d’un site web nous entendons parler de « référencement SEO » ou « référencement naturel ». Le problème, c’est que la plupart des personnes qui se lancent dans l’aventure de la création de site ne savent même pas ce que veulent dire les termes « référencement » et « SEO ». Ne brulez pas les étapes et commencez par le début !

Ajout d'une police en css - ajouter votre font via CSS Programmation web / CSS / ajout police non stadard a une page web Pour ajouter un font pour afficher sur un site web si un internaute n'a pas la police il existe une solution assez simple qui est compatible avec les différents navigateurs. Étapes :Trouver d'abord une police au format ttf, si vous avez uniquement la version .otf de la police vous pouver la convertir via le site web suivant : Avec le fichier de votre police au format .ttf et faire une version .eot de cette police. Avec le site web : Metter ces 2 polices sur votre site web.

Créer une application en HTML 5 Pendant les trois jours au Web 11, on peut voir des conférences, rencontrer du monde mais aussi assister à des ateliers. Un certain nombre d’ateliers sont animés par Orange, Google, Evernote, Linkedin ou Intel. J’ai eu l’occasion d’assister à un atelier d’Intel sur l’HTML 5. Cet atelier prodiguait des bonnes pratiques et conseillait des bons outils et frameworks pour créer des applications en HTML 5. Le code de votre application doit être agile, maintenable et rapide. Il faut la tester le plus possible pour éventuellement repérer et corriger les bugs.

Curation : les liens à ne pas manquer en octobre 2016 Nous vous proposons de retrouver tous les mois une curation des meilleurs liens de notre veille ! Revenons ensemble sur ce qui s’est passé au mois d’octobre. Journalisme, rédaction de contenus, tendances ou encore réseaux sociaux, voilà les thèmes du mois.

Related: