css-font

Font no CSS

... Emilayne Rodrigues

As fonts no CSS são propriedades que definem a família da font, a espeçura, se é itálica ou negrita, o tamanho, o estilo e por aí vai.

Não há muito segredo quando se trata de fonts, podemos até mesmo importar elas online!

Vamos a algumas propriedades de font:

body{
    font: 30px monospace italic;
    font-family: Courier, monospace;
    font-size: 30px;
    font-weight: bolder;
    font-style: italic;
}

Onde:

  • font: --> é uma propriedade global, nela podemos estilizar tipo, cor, tamanho, e etc.
  • font-family: --> é a propriedade em que definimos a família da font;
  • font-size: --> é literalmente o tamanho da font;
  • font-weight: --> aqui definimos a espeçura da font;
  • font-style: --> aqui é onde definimos o estilo da font, ou seja, se ela será itálica, negrita, sublinhada...
E como fazer a importação de fonts do Google?


Para isso usamos o Google Fonts:


Escolhemos a font-family que mais nos atrair e incorporamos o link, que o Google mesmo nos dar, em nosso documento HTML e CSS.