{"id":1599,"date":"2020-10-21T15:47:15","date_gmt":"2020-10-21T22:47:15","guid":{"rendered":"https:\/\/mktprime.com\/?p=1599"},"modified":"2025-03-31T12:26:39","modified_gmt":"2025-03-31T19:26:39","slug":"como-instalar-fontes-externas-no-wordpress","status":"publish","type":"post","link":"https:\/\/codelapa.com\/pt\/21\/10\/2020\/como-instalar-fontes-externas-no-wordpress\/","title":{"rendered":"Como instalar fontes externas no wordpress?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Se voc\u00ea \u00e9 um desenvolvedor web, sabe que alguns clientes podem ser muito exigentes e querem uma fonte que n\u00e3o existe no seu tema\u2026<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Quando isso acontece, recorremos a fontes externas \u2014 \u00e9 muito simples de instalar e configurar.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">1\u00b0 Encontre e baixe a fonte desejada \u2014 certifique-se de ter o arquivo .TTF.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\r\n<p class=\"wp-block-paragraph\">2\u00b0 Carregue a fonte para uma pasta no seu site usando FTP ou um plugin gerenciador de arquivos.<\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3\u00b0 Adicione o CSS para carregar a fonte. Aqui est\u00e1 o c\u00f3digo:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">@font-face { font-family: &#039;nomedafonte&#039;; src: url(&#039;\/wp-content\/uploads\/2020\/10\/nomedafonte&#039;); \/* pasta onde a fonte \u00e9 carregada *\/ } h1, h2, h3 { font-family: &#039;nomedafonte&#039;; }\r\n<\/pre>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">4\u00b0 Divirta-se aplicando sua fam\u00edlia de fontes a qualquer classe ou ID que voc\u00ea goste!<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe loading=\"lazy\" title=\"Como instalar fontes externas no WordPress\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/6v5lmWQgDFY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>If you&#8217;re a web developer, you know that some clients can be very demanding and want a font that doesn&#8217;t exist in your theme&#8230; When that happens, we turn to external fonts \u2014 it&#8217;s very simple to install and configure. 1\u00b0 Find and download the font you want \u2014 make sure you have the .TTF [&#8230;]\n","protected":false},"author":6,"featured_media":1601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/posts\/1599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/comments?post=1599"}],"version-history":[{"count":1,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/posts\/1599\/revisions"}],"predecessor-version":[{"id":5032,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/posts\/1599\/revisions\/5032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/media\/1601"}],"wp:attachment":[{"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/media?parent=1599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/categories?post=1599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codelapa.com\/pt\/wp-json\/wp\/v2\/tags?post=1599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}