Font-weight no Font-face - Romilson Prado
Home » Front-end » Dicas de #CSS » Font-weight no Font-face
by Romilson Prado|Published 2 de setembro de 2017
No CSS temos 9 pesos para as fontes, eles vão de 100 a 900, sendo 100 o mais fino e 900 o mais negrito. Quando usamos @font-face é necessário que na família da nova fonte tenha um arquivo para cada variação de peso.
O que acontece quando por exemplos na família da fonte não tem o arquivo referente ao peso semi-bold por exemplo?
Primeira regra, o CSS vai buscar o peso padrão, que de 100 a 500 é o peso 400 ou Normal. E para a faixa dos negritos, de 600 a 900, o peso padrão é 700 ou bold. Caso não tenha o arquivo referente ao peso padrão, o CSS busca o anterior mais próximo.
Clique aqui e veja a tabela de pesos.
Curso online sobre: Tipografia, Font-face e Fallbacks!
Nessa super dica vamos aprender como aplicar cor no SVG através do CSS. Tem coisas que ninguém de conta! Compartilhe…
O float é uma técnica antiga, sabemos que hoje podemos usar o flexbox que sem dúvidas é muito melhor, porém por questões […]