Existem vários sites onde você pode baixar fontes gratuitamente da web. Font Squirrel<\/a> é um desses sites onde você pode facilmente encontrar fontes gratuitas que são licenciados para o trabalho comercial. O Google Web Font Service<\/a> é outro serviço de fonte gratuitas fornecido pelo Google e possui fontes em mais de 135 idiomas. Edge Web Fonts<\/a> é também um serviço gratuito de fonte fornecido pela Adobe, que se orgulha de sua enorme coleção de fontes. Você pode até tentar Typekit<\/a>, que é uma biblioteca gratuita de milhares de fontes da web, juntamente com o Fonts.com que afirma fornecer mais de 150.000 fontes para a web e para o ambiente de trabalho.<\/p> Outros sites de onde você pode baixar fontes grátis são o dafont<\/a> e 1001freefonts<\/a>.<\/p> Agora que você encontrou a fonte que deseja usar em seu site, é hora de verificar seu formato. Vale a pena mencionar aqui que nem todas as fontes são suportadas pelos navegadores. Mas, não se preocupe, mesmo se a fonte escolhida não é suportada, você ainda pode convertê-lo para um formato compatível.<\/p> Antes de converter fontes de um formato para outro, vamos ter uma rápido olhada em diferentes formatos de fonte.<\/p> Abreviado como OTF, essas são as fontes da Web mais usadas e são marcas registradas da Microsoft. Eles funcionam bem com quase todos os principais navegadores.<\/strong><\/p> Também chamadas de TTF, essas fontes foram desenvolvidas pela Microsoft e pela Apple em 1980 e são amplamente utilizadas para sistemas operacionais Windows e Mac. Eles são suportados por todos os principais navegadores, incluindo os gostos do Internet Explorer a partir da versão 9.0, o Google Chrome a partir da versão 4.0, Safari da versão 3.1, Firefox a partir da versão 3.5 e Opera a partir da versão 10.0.<\/p> As fontes WOFF são amplamente utilizadas em páginas da web e são recomendadas pelo W3C. Estes são suportados principalmente por todos os navegadores, incluindo o Internet Explorer da versão 9.0, o Google Chrome a partir da versão 4.0, o Safari da versão 3.1, o Firefox a partir da versão 3.5 e o Opera a partir da versão 10.0.<\/p> As fontes WOFF 2.0 têm uma borda sobre WOFF 1.0 devido às suas melhores capacidades de compressão. Eles não são suportados pelo Safari e Internet Explorer, mas funcionam bem com o Google Chrome a partir da versão 36.0, Firefox a partir da versão 35.0 e Opera a partir da versão 26.0.<\/p> Essas fontes OTF são compactas e são usadas como fontes incorporadas em páginas da Web. Elas são suportadas por todos os principais navegadores<\/strong>.<\/p> Se você encontrou a fonte que deseja usar no seu site WordPress, mas não tem certeza se é compatível com todos os navegadores, use a Ferramenta Web Font Generator<\/a>. Esta ferramenta permite que você converta quase qualquer fonte para o formato amigável da correia fotorreceptora facilmente:<\/p> Agora que você tem todas as informações básicas em suas mãos, vamos ver como adicionar fontes personalizadas para o WordPress.<\/p> Antes de começar este guia, você precisará do seguinte:<\/p> Plugins são provavelmente a maneira mais fácil de adicionar fontes ao WordPress. Alguns dos plugins mais populares estão listados abaixo:<\/p> Você pode facilmente adicionar fontes ao site do WordPress, fazendo uso do plugin WP fonte do Google. Este plugin incluirá automaticamente o código necessário para o seu site. Ele também fornece a você a liberdade de usar fontes personalizadas em elementos CSS específicos do WordPress admin.<\/p> Basta instalar este plugin<\/a> do diretório oficial do WordPress plugin e abrir a seção Fontes do Google<\/strong>. Você será apresentado com o painel de controle de fonte do Google<\/strong>. Aqui você pode selecionar fontes e alterar várias configurações como estilo de fonte, elementos atribuídos, etc.<\/p> Se você quiser adicionar fontes Typekit<\/a> ao seu site WordPress, você terá que se inscrever com o Typekit e criar seu próprio kit <\/strong>primeiro. Instruções detalhadas sobre como criar kits podem ser encontradas aqui<\/a>.<\/p> Depois de ter criado o seu kit<\/strong>, instale<\/a> o Fontes<\/strong> Typekit para WordPress<\/strong> plugin. Para configurar este plugin, acesse a seção Configurações<\/strong> -> Tipo de letra <\/strong>e cole seu código de incorporação. Este plugin carregará automaticamente as fontes que você adicionou ao seu kit<\/strong>.<\/p>Converter fontes para um formato Web-Friendly<\/strong><\/h3>
\n
\n
\n
\n
\n
\n
![\"webfont](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/webfont-generator.png\")
<\/li>\n\n\n\n![\"woff](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/woff-and-woff2-fonts-generated.png\")
<\/li>\n<\/ol>O que você precisa?<\/strong><\/h2>
\n
Opção 1 – Adicionando fontes personalizadas ao WordPress com Plugins<\/strong><\/h2>
Fontes WP Google <\/a><\/strong><\/h3>
![\"wp](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/wp-google-fonts-plugin.png\")
<\/figure>![\"google](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/google-fonts-control-panel.png\")
<\/figure>Fontes Typekit Para WordPress<\/a><\/strong><\/h3>
![\"typekit](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/typekit-for-wordpress.png\")
<\/figure>![\"typekit](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/typekit-control-panel.png\")
<\/figure>Usar Qualquer Fonte<\/a><\/strong><\/h3>
![\"use](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/use-any-font-plugin.png\")
Use qualquer fonte é outro plugin através do qual você pode adicionar um número de fontes para o seu site WordPress.<\/p>
![\"any](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/any-font-control-panel.png\")
<\/figure>![\"uploaded](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/uploaded-font-to-fonts-folder.png\")
<\/li>\n\n\n\n![\"font](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/font-face-added-to-style-css.png\")
<\/li>\n<\/ol>![\"hostinge](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2017\/04\/hostinge-tutorials-custom-wordpress-font.png\")
<\/figure>![\"\"](\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\")
<\/a><\/figure><\/div>