top of page
Foto do escritordanericktr

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.

6 visualizações0 comentário

Posts recentes

Ver tudo

Comments


bottom of page