{"id":43,"date":"2010-11-27T11:21:07","date_gmt":"2010-11-27T11:21:07","guid":{"rendered":"http:\/\/www.h-hennes.fr\/blog\/?p=43"},"modified":"2010-12-01T08:57:09","modified_gmt":"2010-12-01T08:57:09","slug":"conversion-dune-police-ttf-en-eot","status":"publish","type":"post","link":"https:\/\/www.h-hennes.fr\/blog\/2010\/11\/27\/conversion-dune-police-ttf-en-eot\/","title":{"rendered":"Conversion d&rsquo;une police ttf en eot"},"content":{"rendered":"<p>Dans le cadre de l&rsquo;int\u00e9gration du nouveau design sur le site et le blog, je suis comment souvent confront\u00e9 aux sp\u00e9cificit\u00e9s d&rsquo;Internet Explorer qui ne fait jamais rien comme tout le monde.<\/p>\n<p>Dans le cas pr\u00e9sent je souhaitais importer une police sp\u00e9cifique pour les menus du haut et du bas.<br \/>\nPas de probl\u00e8mes sous Firefox et Google Chrome, j&rsquo;ai r\u00e9cup\u00e9r\u00e9 la police souhait\u00e9e dans le dossier des polices de Windows (Windows\/Fonts\/) et je l&rsquo;ai import\u00e9 dans mon fichier de style via le code suivant\u00a0 et le tour est jou\u00e9.<\/p>\n<p>@font-face {<br \/>\nfont-family: \u00ab\u00a0Segoe\u00a0\u00bb ;<br \/>\nsrc: url(\u00ab\u00a0..\/font\/segoeprb.ttf\u00a0\u00bb) format(&lsquo;opentype&rsquo;);<br \/>\n}<\/p>\n<p>Apr\u00e8s plusieurs recherches sur Internet je comprends que pour Internet Explorer il sera n\u00e9cessaire de convertir cette police au format \u00ab\u00a0.eot\u00a0\u00bb afin de pouvoir r\u00e9aliser cet import.<br \/>\nUn logiciel windows \u00ab\u00a0archa\u00efque\u00a0\u00bb est disponible pour r\u00e9aliser cette manipulation : <strong>WEFT<\/strong> (<em>Web Embedding Fonts Tool<\/em>), mais son fonctionnement est difficile \u00e0 comprendre et il a \u00e9t\u00e9 r\u00e9alis\u00e9 pour Windows 98 !!<br \/>\nSi vous souhaitez l&rsquo;utiliser rendez-vous par ici : <a href=\"http:\/\/www.microsoft.com\/typography\/web\/embedding\/weft3\/download.aspx\" target=\"_blank\">http:\/\/www.microsoft.com\/typography\/web\/embedding\/weft3\/download.aspx<\/a><\/p>\n<p>J&rsquo;ai \u00e9galement trouv\u00e9 un service web qui propose une conversion directe en ligne : <a href=\"http:\/\/www.fontsquirrel.com\/fontface\/generator\" target=\"_blank\">http:\/\/www.fontsquirrel.com\/fontface\/generator<\/a> , cependant celui-ci n&rsquo;a pas fonctionn\u00e9 dans mon cas \ud83d\ude41<\/p>\n<p>La derni\u00e8re solution est la bonne ! Un groupe google propose un utilitaire pour windows et linux qui permets de r\u00e9aliser cette transformation sans aucun probl\u00e8me \ud83d\ude42<\/p>\n<p>Son fonctionnement n\u00e9cessite l&rsquo;utilisation de la ligne de commande mais rien de bien m\u00e9chant :<\/p>\n<ul>\n<li><a href=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2010\/11\/conversion-polices.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-44\" title=\"conversion-polices\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2010\/11\/conversion-polices-300x67.jpg\" alt=\"Conversion de polices ttf en eot\" width=\"300\" height=\"67\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2010\/11\/conversion-polices-300x67.jpg 300w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2010\/11\/conversion-polices.jpg 676w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>T\u00e9l\u00e9charger l&rsquo;utilitaire depuis la page <a href=\"http:\/\/code.google.com\/p\/ttf2eot\/downloads\/list\" target=\"_blank\">http:\/\/code.google.com\/p\/ttf2eot\/downloads\/list<\/a><\/li>\n<li>D\u00e9zipper le dans le dossier de votre choix.<\/li>\n<li>Lancer la console Windows ( D\u00e9marrer \/ Ex\u00e9cuter \/ cmd )<\/li>\n<li>Placez-vous dans le dossier dans lequel est situ\u00e9 le fichier ttf2oet.exe<\/li>\n<li>Saississez la commande suivante \u00ab\u00a0ttf2oet.exe c:\/Windows\/Fonts\/Votrepolice.ttf c:\\dossier\\sortie\\Votrepolice.eot\u00a0\u00bb<\/li>\n<li>Et voila votre fichier .eot est g\u00e9n\u00e9r\u00e9 \ud83d\ude42<\/li>\n<\/ul>\n<p>Il ne vous reste plus qu&rsquo;a l&rsquo;ins\u00e9rer dans votre feuille de style sp\u00e9cifique \u00e0 IE et le probl\u00e8me est r\u00e9solu !<\/p>\n<p>@font-face {<br \/>\nfont-family: \u00ab\u00a0Segoe\u00a0\u00bb ;<br \/>\nsrc: url(\u00ab\u00a0..\/font\/segoe.eot\u00a0\u00bb);<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans le cadre de l&rsquo;int\u00e9gration du nouveau design sur le site et le blog, je suis comment souvent confront\u00e9 aux sp\u00e9cificit\u00e9s d&rsquo;Internet Explorer qui ne fait jamais rien comme tout le monde. Dans le cas pr\u00e9sent je souhaitais importer une police sp\u00e9cifique pour les menus du haut et du bas. Pas de probl\u00e8mes sous Firefox [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[6],"tags":[36,34,35,37,32,33,38],"class_list":["post-43","post","type-post","status-publish","format-standard","hentry","category-trucs-et-astuces","tag-astuce-web","tag-eot","tag-importation","tag-internet-explorer","tag-police","tag-ttf","tag-weft"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":2,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/posts\/43\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/media?parent=43"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/categories?post=43"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/tags?post=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}