Exercício 017 - Fontes - TIMES NEW ROMAN - serif - 1em

Voltar para Módulo 02


Trabalhando com Fontes - TIMES NEW ROMAN - serif - 2em

Texto em FONTE - ARIAL - sans-serif - 1.3rem

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit repellat dolore quas a aperiam labore cumque asperiores eaque modi? Incidunt asperiores commodi velit debitis repellat quibusdam ex in ipsa possimus? Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit repellat dolore quas a aperiam labore cumque asperiores eaque modi? Incidunt asperiores commodi velit debitis repellat quibusdam ex in ipsa possimus?

Subtítulo do exercício de Fontes - Franklin Gothic Medium - sans-serif - 3ex

Formatação em FONTE - ARIAL - sans-serif - 1.3rem

> > > shorthand fonts

font: font-style > > > font-variant > > > font-weight > > > font-size / line-height > > > font-family;
font: italic bold 16px Arial, sans-serif;
font: style weight size family;

> > > STYLE - Estilo da Fonte - sublinhado é text-decoration: underline

font-style: normal
font-style: italic
font-style: oblique

> > > WEIGHT - Peso da Fonte - na prática é o negrito

font-weight: 100 até 900
font-weight: lighter
font-weight: normal
font-weight: bold
font-weight: bolder

> > > SIZE - Medidas das Fontes

font-size: 16px;

> > > Medidas Absolutas

cm, mm, in - polegada, px - pixel, pt - ponto, pc - paicas
são medidas em que a apresentação pode variar por dispositivos, então devemos evitar

> > > Medidas Relativas

em - relativo ao tamanho atual da fonte
rem - relativo ao tamanho da fonte raiz que está no body
ex - relativo a altura X da fonte
vw - view width ou largura da viewport
vh - view height ou altura da viewport
% - percentagem

> > > TAMANHOS RECOMENDADOS

px > > > 16px é padrão dos navegadores
pt > > > somente documentos que serão impressos
em ou rem > > > 1em ou 1rem são os padrões dos navegadores
NOTA: 1em ou 1rem é igual a 16px