Ir para conteúdo principal

Como alterar a fonte em HTML

Ao alterar a fonte do seu site em HTML, você pode revitalizá‑lo. Leia para saber como alterar uma fonte em HTML.

Não importa a aparência da sua página, às vezes é necessário alterar a fonte. Talvez você tenha decidido fazer com que ele tenha uma aparência mais ousada ou mais sutil, dependendo do que você quer fazer dentro do seu site. Seja qual for o motivo, ser capaz de exercer liberdade criativa usando HTML é uma das principais razões pelas quais alguns de nós decidemos aprender a codificar em HTML.

Seu site se torna o rosto da sua marca porque é frequentemente a primeira impressão que uma pessoa recebe sobre sua empresa. Uma pessoa olha para cada aspecto e julga o que sua empresa faz, se pode atender às suas necessidades e se sua empresa é confiável. Isso é muito para extrair de um site, mas é a natureza da fera hoje em dia.

Felizmente, você pode personalizar seu site até cada detalhe de minuto, incluindo o tipo e o tamanho da fonte, com codificação HTML. Quando você sabe o básico de como alterar a fonte em HTML, é mais fácil do que você pode ter percebido.

Entender os tipos de fontes

Se você estiver pesquisando freneticamente "como alterar a fonte," pode ficar chocado ao saber que pode escolher entre quase 1.000 fontes. As variedades que você tem disponíveis variam de básicas e facilmente legíveis a sofisticadas e elaboradas, e vários tipos entre elas. Felizmente, embora você possa escolher todas as fontes que usa, também é possível selecionar famílias de fontes com as quais trabalhar para que cada tipo de fonte funcione bem com todas as outras.

Famílias de fontes

Em geral, uma família de fontes é um grupo de fontes semelhantes. Embora compartilhem um design comum, eles têm estilos diferentes. Por exemplo, seu peso pode variar. Exemplos incluem leve, negrito, seminegrito e normal. A inclinação das fontes pode ser diferente, como itálico ou oblíquo.

Por que alterar a fonte em HTML?

Com tantas opções para selecionar entre fontes e o tempo que leva para aprender a aplicá-las em HTML, você pode questionar por que você deve até mesmo alterar sua fonte em vez de deixá-la sozinha como original.

Há vários motivos pelos quais você pode querer alterar a fonte em HTML, que discutiremos agora. A conclusão é que alterar sua fonte pode ajudar a deixar seu site o melhor possível para visitantes e clientes em potencial que muitas vezes tomam uma decisão sobre se querem fazer negócios com você pela impressão que têm do seu site. Abaixo estão algumas maneiras mais específicas pelas quais alterar fontes em HTML pode ajudar seu site.

Refresque seu site

Uma das principais razões pelas quais você pode querer alterar a fonte às vezes é dar ao seu site um visual mais moderno. Ou talvez você esteja fazendo uma promoção de primavera ou outro tipo de promoção e queira chamar a atenção para a aparência do seu site. Acrescente a isso o fato de que quanto mais atrativo e fácil de usar seu site for, maior será a sua classificação nos resultados do mecanismo de busca.

Digamos que você esteja usando a fonte padrão Times New Roman desde que criou seu site há cinco anos. Seus visitantes regulares o viram toda vez que visitaram seu site. Os tempos mudaram, e muitos de seus novos espectadores estão procurando muito mais quando visitam um site. Portanto, com o tempo mudando, também é necessário alterar a fonte do seu site.

Ao alterar a fonte da sua página, você pode basicamente "florear" um pouco a sua página e dar a ela um novo visual, possivelmente um visual mais adequado aos horários e mais fácil de ler.

Destacar recursos importantes

Se você quiser que seu botão "Fale conosco" se destaque ou sua seção sobre sua equipe, você pode usar fontes diferentes para fazer com que certos elementos ou seções do seu texto se destaquem.

Outro motivo pelo qual você pode querer aumentar a fonte do seu site é a promoção de novos recursos que você pode estar oferecendo. Fontes diferentes podem destacar o conteúdo em páginas diferentes e chamar a atenção do usuário para um lugar em particular. Assim, você pode usar fontes estrategicamente para conduzir os visitantes através do seu funil de vendas.

Por exemplo, digamos que você ofereça uma promoção especial para clientes que compram pela primeira vez em seu site. Ao anunciar esta promoção em uma fonte com estilo ou cor ousados você pode chamar a atenção para ela e potencialmente gerar mais cliques. Esse nível mais alto de visibilidade pode consequentemente levar a mais conversão, o que, em última análise, beneficia seu negócio.

Solidificar a identidade da marca

A identidade da marca é um componente vital do seu marketing. O objetivo é diferenciar sua empresa da concorrência, tendo elementos que representem sua empresa. Você pode usar alterações de fonte para fazer exatamente isso.

Solidificar a identidade da sua marca é outro motivo para mudar um pouco as fontes de vez em quando. Lembre-se de que sua marca e logotipo têm muito a ver com sua identidade on-line. Assim como os arcos dourados significam o "McDonalds," seu logotipo simboliza sua marca. Então, se você sabe como alterar fontes em HTML, poderá entrar e fazer as alterações necessárias para fortalecer sua marca. Além disso, lembre-se de que quando você altera a fonte, não são apenas os visitantes que notarão: os mecanismos de busca também podem notar, e isso é importante para o SEO.

Como alterar a fonte em HTML:

Nas seções a seguir, falaremos sobre como alterar a fonte em seu código HTML para alterar três aspectos diferentes da fonte. Quando falamos em fonte, não estamos falando apenas sobre alterar um aspecto da fonte, mas pelo menos três aspectos diferentes do código para que você possa variar a aparência em maior grau.

HTML é uma linguagem que o navegador interpreta para mostrar aos visitantes o que você pede para mostrar a eles. Se você sabe como alterar fontes com HTML, pode produzir o resultado e a aparência que deseja para o seu site.

Como alterar o tipo de fonte com HTML

Se quiser alterar uma fonte em HTML, comece com o tipo de fonte. Ou seja, se você quiser usar uma fonte que realmente ajudará seu site a se destacar, você precisa de uma grande mudança. Existem milhares de tipos de fontes. Você só precisa saber os parâmetros e o idioma que o navegador entenderá para fazer as alterações.

Para alterar o tipo de fonte, anote estas etapas. O método a seguir é usado para combinar HTML antigo com o CSS (folhas de estilo em cascata) mais moderno.

CSS: p { font-family: Calibri; }

HTML: <h2> How to Change Font Type With HTML [Internal CSS]</h2> <p>Escreva aqui o que você quer escrever, combinando o CSS com o HTML para que o navegador pegue o símbolo de parágrafo no CSS.

`

Como alterar o tamanho da fonte com HTML

Quando quiser alterar o tamanho da fonte, você pode usar uma variação do seguinte código:

CSS: p { font-size: 16px; }

HTML: O HTML resultante será algo assim: <h2>How to Change Font Size With HTML [Internal CSS]</h2> <p>Depois de cuidar da codificação CSS acima, o HTML ficará assim e o texto aparecerá como a nova fonte escolhida. </p>

Como alterar a cor da fonte com HTML

CSS: p { color: #FF7A59; }

HTML: <h2>How to Change Font Color With HTML [Inline CSS]</h2> <p style="color: #FF7A59">Escreva aqui o que você quer. A cor da fonte agora deve aparecer no valor hexadecimal que você atribuiu a ela quando aplicou as alterações. </p>

Observação: Sse você colocar o <p>As tags (parágrafo) no cabeçalho se referem ao CSS como {inline CSS}, na maioria dos casos, isso deve funcionar bem, pois o navegador interpretará como uma referência ao cabeçalho que contém a nova cor, tamanho ou estilo da fonte. Um pouco de prática torna perfeito!

Dicas para escolher uma fonte para o site da sua empresa

Se você decidiu alterar a fonte do site da sua empresa e vai alterá-la em HTML, aqui estão algumas dicas para torná-la tão boa quanto possível.

Escolha uma fonte que combine com a sua marca

Escolha uma fonte que se alinhe com o que é sua empresa e sua missão antes de alterar sua fonte padrão. Por exemplo, se você estiver fazendo marketing como uma marca de luxo de ponta, um texto básico como Serif não faria uma boa malha.

Sempre pense primeiro na marca. Não jogue apenas com o HTML para mudar algo, embora a mudança às vezes seja boa. Mas pense no que as mudanças vão dizer sobre a sua marca. Não se desvie muito da personalidade da sua marca. Deixe que qualquer fonte que você use corresponda às diretrizes gerais da sua marca e certifique-se de que ela esteja alinhada com a identidade da sua marca.

Certifique-se de que a fonte de sua escolha seja fácil de ler.

Certifique-se de que a fonte de sua escolha seja fácil de ler. Tenha cuidado para não se distrair do tema ou objetivo do seu site, concentrando-se demais nas mudanças. Facilite a leitura e não cometa o erro de usar uma cor de fonte que pode não ser legível por todos os usuários.

Você quer se expressar e incentivar os leitores a acessar sua página. Portanto, você precisa de uma fonte fácil de ler. Ao fazer isso, você pode transmitir sua opinião sem confusão ou frustração.

Mesmo que você tenha visão 20/20, lembre-se de que há pessoas idosas e algumas com problemas de visão que não poderão ler o texto. Você precisa tornar seu conteúdo o número um e se comunicar com o visitante para que ele veja o valor da sua marca. Não faça com que eles tenham que apertar para ver.

Isso também pode acontecer quando você usa uma fonte muito fina para ser facilmente legível. Nunca use fontes do tipo script, a menos que você esteja assinando seu nome na parte inferior ou haja outro motivo para aplicar isso. A leitura de fontes de tipo de script é difícil a longo prazo e você não quer que seus visitantes tenham que trabalhar para obter o significado do que você está dizendo.

Simplicidade é fundamental

No final, tudo remonta àquele velho ditado que ouvimos tantas vezes: mantenha a simplicidade.

Menos é mais quando se trata de fonte. Embora você deva dar personalidade ao seu site, simples é sempre melhor. Tente não ser muito exagerado com as escolhas para que seja atraente, em vez de ofuscar.

Como mencionamos acima, há milhares de fontes disponíveis para uso, mas isso não significa que todas sejam práticas para a sua empresa. Não há nada de errado em escolher uma fonte simples e comum para o seu site; uma fonte muito estranha ou em negrito, por outro lado, pode ser distrativa ou desconcertante para os visitantes.

Considere usar uma fonte versátil

Use uma fonte versátil para facilitar o código e simplificar a leitura para seus possíveis espectadores.

Fontes versáteis geralmente são melhores porque tendem a dar ao leitor apenas uma alteração suficiente na fonte para torná-lo capaz de se envolver em um nível mais alto com o texto sem distrair de seu significado.

Lembre-se: o foco deve estar no conteúdo, não em fontes bonitas. Com uma fonte versátil, você pode manter a consistência em várias páginas e aplicar a fonte escolhida a materiais de marketing, e-mails, documentação e muito mais.

Faça com que suas fontes se destaquem apenas quando forem apropriadas e se adaptem à ideia ou ao humor geral que você tem para o seu site e sua marca. Novamente, sempre considere a marca primeiro e, em seguida, decida se uma fonte específica se encaixa nas diretrizes de marca da sua organização.

Solução de problemas de fonte

Você pode solucionar problemas de fonte revisando cuidadosamente sua codificação. Certifique-se de que todas as etiquetas tenham um sintoma de fechamento ">". Certifique-se de que sempre que não quiser mais usar essa fonte, haja uma etiqueta final.

Onde encontrar fontes que combinem com a sua marca

Se você procurar on-line, poderá encontrar uma lista das diferentes fontes disponíveis para você usar. Em seguida, você pode inseri-los no seu tag de fonte. Ao selecionar uma, tenha em mente a sensação que deseja transmitir.

Use a fonte da sua empresa em todos os canais de marketing

Depois de alterar a fonte em HTML do seu site, use essa mesma fonte para todos os aspectos do seu marketing. Ele se tornará sinônimo da sua marca. Na verdade, você pode aprender o básico de e-mail HTML e até mesmo usá-lo em seus e-mails.

Alterar o tipo, a cor ou o tamanho da fonte é uma boa ideia se você puder encontrar a fonte que melhor complementa sua marca, seu propósito, seu logotipo ou uma promoção especial que você está planejando divulgar. Mas não exagere: mantenha a simplicidade, permaneça fiel à sua marca sem exagerar e tenha cuidado para não criar o que chamamos de "sloppy HTML." Isso pode confundir a experiência do usuário de mais de uma maneira e não vale a pena.

Tudo começa com uma ideia. Como você quer se apresentar e apresentar sua marca? Você quer parecer extravagante, cheio de personalidade e diversão, ou sombrio e sincero? Sejam quais forem seus objetivos, sua fonte e seu site podem ajudar a transmitir a mensagem que você está tentando transmitir.

Com a Mailchimp, você pode reivindicar um domínio de forma rápida e fácil, criar um site fácil de usar e destacar as melhores partes da sua marca. Também permitimos que você crie páginas de destino de alta qualidade e preencha seu site com conteúdo dinâmico que ajuda a atrair e reter clientes. Sejam quais forem suas necessidades, você não pode errar ao usar a Mailchimp como CRM para marketing.

Compartilhar este artigo