Aqui já vamos tratar de um assunto que posteriormente iremos entrar em mais detalhe que é o CSS. Contudo, vamos falar um pouco aqui do que vale a pena entender neste momento. O tamanho da fonte é anotado como font-size no atributo style. O tamanho pode ser especificado como um número, valor numérico ou tamanho relativo. É feita uma distinção entre vários tamanhos de fonte. O esquema a seguir é geralmente válido para as especificações de tamanho de fonte

<span style = “font-size: tamanho da fonte”> Texto </span>

Os tamanhos das fontes podem ser especificados em várias unidades de medida. Uma boa opção é inseri-lo em pixels, ou seja, o número de pontos na tela que uma letra deve ocupar verticalmente. Os tamanhos entre 20px e 30px costumam ser usados para títulos. Os textos do corpo  geralmente têm entre 12 e 16px de tamanho. Exemplo:

<h1 style = “font-size: 28px”> Título </h1>

<p style = “font-size: 16px”> Este parágrafo pode ser <span style = “font-size: 12px”> pequeno </span>

e <span style = “font-size: 18px”> incluir grandes </span> fontes </p>

Portanto, você pode usar diferentes tamanhos de fonte em um parágrafo, usando diferentes elementos. O atributo style pode ser usado com quase todos os elementos HTML.

Cor da fonte

A cor da fonte é indicada como color: no style. Você pode usar o nome da cor ou o código da cor. Exemplo:

<span style = “color: white”> Fonte branca </span>

<span style = “color: black”> Fonte preta </span>

<span style = “color: # FF0000”> Fonte vermelha </span>

Fonte

Para determinar a fonte utilizamos font-family na tag style . O nome de uma fonte é especificado como o valor. Observe que as fontes que não estão instaladas no computador não podem ser exibidas como tal. Isso significa que se você definir ‘Arial Black’, por exemplo, e alguém que não tem ‘Arial Black’ instalada no seu computador, então a fonte aparecerá automaticamente com uma fonte diferente. Se você especificar mais de uma fonte, a primeira fonte disponível será usada. Se a fonte “Arial” não estiver disponível no exemplo a seguir, será usada a fonte “Verdana”:

<p style = “font-family: Arial, Verdana”> Outras fontes </p>

Estilo / estilo da fonte

O texto pode ser exibido com diferentes estilos de fonte. As seguintes opções estão disponíveis: negrito / negrito, itálico / itálico, sublinhado e qualquer combinação dos mesmos.

Bold / Negrito

A tag <b> deixa o texto em negrito. Exemplo:

<b> Texto em negrito </b>