Duas formas de utilizar fontes fora do padrão Windows em html5

Então pessoal, não encontrei essa informação condensada em um local só, então decidi criar esse post. E também porque o provedor de hospedagem não permitiu colocar no servidor as fontes que eu escolhi, então saí atrás de outras formas de obter o mesmo resultado.

Em HTML5, através do CSS3, você pode incorporar à sua página fontes fora do padrão Windows/Apple/Whatever. Elas podem estar alocadas no servidor, ou na nuvem.

---

Servidor:

Você faz o seguinte:

1. Coloca as fontes que você deseja utilizar em uma pasta "fontes", dentro ou fora da pasta que possui o arquivo ".CSS", por questão de organização.

2. Na folha de estilo a.k.a. "Spreadsheet" você insere o código à seguir (utilizando o nome da fonte escolhida):

Ex. 1:

Ex. 2:

3. No trecho do código que haja a necessidade de utilizar as fontes escolhidas, usar o parâmetro font-family como abaixo:

4. Testar.

---

Nuvem:

Eu testei esse método através do Google Fonts:

1. Você entra na página

2. Seleciona as fontes que você quer e insere o trecho de código que eles passam, via Html ou CSS

Exemplo:

Passo 2: No trecho do código que haja a necessidade de utilizar as fontes escolhidas, usar o parâmetro font-family como abaixo.

Passo 3: Testar.

Espero ter ajudado. Por aqui 23 °C, máxima de 26 °C. Até a próxima.