{"id":1081,"date":"2016-01-07T15:59:45","date_gmt":"2016-01-07T13:59:45","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=1081"},"modified":"2025-05-15T17:59:43","modified_gmt":"2025-05-15T15:59:43","slug":"come-aggiungere-un-carattere-personalizzato-a-un-tema-wordpress-con-fontface-css3","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/it\/comment-ajouter-une-police-personnalisee-a-un-theme-wordpress-avec-fontface-css3\/","title":{"rendered":"Come aggiungere un carattere personalizzato a un tema WordPress con @fontface CSS3"},"content":{"rendered":"<p>Dichiarare un font personalizzato nel tuo tema WordPress \u00e8 molto utile per personalizzarlo e adattarlo alla tua carta grafica. Tuttavia, a volte il carattere dei tuoi sogni non si trova nelle opzioni del tema, n\u00e9 su Google Fonts o TypeKit.<\/p>\n<p>In questo caso, dovrai modificare leggermente il tema per aggiungere il carattere che desideri. Ma niente panico, ti spiego come fare!<\/p>\n<h2>Scarica il carattere<\/h2>\n<p>Prima di tutto, devi avere il carattere, scaricandolo da siti di caratteri come <a href=\"http:\/\/www.dafont.com\/fr\" target=\"_blank\" rel=\"noopener\">dafont<\/a> per esempio, o con i tuoi mezzi.<\/p>\n<p>Attenzione ai diritti d&#039;autore, che dovete rispettare. Non esitate ad acquistare il carattere quando necessario. Pagherai solo chi ci ha lavorato affinch\u00e9 tu possa godertelo!<\/p>\n<p>I formati TTF e OTF sono attualmente ampiamente utilizzati e sono compatibili con la maggior parte dei browser. Tuttavia, se devi convertire il carattere in altri formati, vai a <a href=\"http:\/\/www.fontsquirrel.com\/tools\/webfont-generator\" target=\"_blank\" rel=\"noopener\">Carattere Scoiattolo<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>Carica il carattere sul tuo server<\/h2>\n<p>Carica il tuo carattere in una cartella &quot;fonts&quot; nel tuo tema (preferibilmente tema figlio), tramite FTP.<\/p>\n<p>&nbsp;<\/p>\n<h2>Dichiara il tuo nuovo carattere nel tuo CSS<\/h2>\n<p>Vai al file CSS del tema child se hai caricato il font nella cartella \u201cfonts\u201d del tema child, altrimenti nel file CSS del tema parent, o nelle impostazioni del tuo tema se ti permette di personalizzare i CSS tramite il back office di WordPress. Ecco come farlo:<\/p>\n<pre>@font-face { famiglia di caratteri: myfont; src: url(&quot;fonts\/mapolice.otf&quot;); src: url(fonts\/mapolice.ttf) format(&#039;truetype&#039;); peso carattere: normale; }\n\n<\/pre>\n<h2>Utilizza il nuovo carattere tramite CSS<\/h2>\n<p>Per utilizzare il nuovo font appena dichiarato, niente di pi\u00f9 semplice, devi solo dire al file CSS a quali formati vuoi assegnare il font:<\/p>\n<p>&nbsp;<\/p>\n<pre>p,span {famiglia di caratteri: mapolice, Open Sans, Arial, sans-serif !important;} h1,h2,h3,h4,h5,h6 {famiglia di caratteri: mapolice, Open Sans, Arial, sans-serif !important ;} ;} div {famiglia di caratteri: mapolice, Open Sans, Arial, sans-serif !important;}<\/pre>\n<p>Ed ecco qua, se questo articolo ti \u00e8 stato d&#039;aiuto, non esitare a condividerlo sui social \ud83d\ude09<\/p>","protected":false},"excerpt":{"rendered":"<p>D\u00e9clarer une custom font (police personnalis\u00e9e) dans votre th\u00e8me WordPress s&rsquo;av\u00e8re tr\u00e8s utile pour le personnaliser et l&rsquo;adapter \u00e0 votre charte graphique. Or, il arrive que la police d&rsquo;\u00e9criture de vos r\u00eaves ne se trouve ni dans les options de votre th\u00e8me, ni sur Google Fonts ou TypeKit. Dans ce cas, il va falloir bidouiller [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":1083,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[164],"class_list":["post-1081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-snippets","tag-tips-wordpress"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/1081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/comments?post=1081"}],"version-history":[{"count":1,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/1081\/revisions"}],"predecessor-version":[{"id":5313,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/posts\/1081\/revisions\/5313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/media\/1083"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/media?parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/categories?post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/it\/wp-json\/wp\/v2\/tags?post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}