{"id":463,"date":"2024-02-08T10:14:22","date_gmt":"2024-02-08T09:14:22","guid":{"rendered":"https:\/\/luca.lovalvo.ch\/blog\/?p=463"},"modified":"2024-05-30T10:58:39","modified_gmt":"2024-05-30T08:58:39","slug":"ajouter-la-nouvelle-icon-x-ex-twitter-a-font-awsome-4","status":"publish","type":"post","link":"https:\/\/luca.lovalvo.ch\/blog\/ajouter-la-nouvelle-icon-x-ex-twitter-a-font-awsome-4\/","title":{"rendered":"Ajouter la nouvelle icon X (ex Twitter) \u00e0 Font-awsome 4"},"content":{"rendered":"\n<p>L&rsquo;avantage du logo de X (ex: Twitter) est qu&rsquo;on peut retrouver un caract\u00e8re Unicode tr\u00e8s proche, le \u00ab\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-light-green-cyan-color\">U+1D54F<\/mark>\u00ab\u00a0. <br>Il sera d\u00e8s lors possible de jouer la dessus pour l&rsquo;exploiter dans vos appels d&rsquo;icone.<\/p>\n\n\n\n<p>Ajoutez \u00e0 font-awesome.css ou font-awesome.min.css, la <em>class<\/em> suivante : <\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"><code>.fa-x-twitter{font-family:sans-serif;}<\/code><br><code>.fa-x-twitter::before{ content:\"\ud835\udd4f\"; font-size:1.2em;}<\/code><\/mark><\/p>\n\n\n\n<p>Puis remplacez votre appel \u00e0 la classe \u00ab\u00a0fa-twitter\u00a0\u00bb par \u00ab\u00a0fa-x-twitter\u00a0\u00bb.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;avantage du logo de X (ex: Twitter) est qu&rsquo;on peut retrouver un caract\u00e8re Unicode tr\u00e8s proche, le \u00ab\u00a0U+1D54F\u00ab\u00a0. Il sera d\u00e8s lors possible de jouer la dessus pour l&rsquo;exploiter dans vos appels d&rsquo;icone. Ajoutez \u00e0 font-awesome.css ou font-awesome.min.css, la class suivante : .fa-x-twitter{font-family:sans-serif;}.fa-x-twitter::before{ content:\u00a0\u00bb\ud835\udd4f\u00a0\u00bb; font-size:1.2em;} Puis remplacez votre appel \u00e0 la classe \u00ab\u00a0fa-twitter\u00a0\u00bb par \u00ab\u00a0fa-x-twitter\u00a0\u00bb.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,1],"tags":[],"class_list":["post-463","post","type-post","status-publish","format-standard","hentry","category-internet","category-non-classe"],"_links":{"self":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":7,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/463\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/463\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/categories?post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/tags?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}