Oii Marina, tudo ótimo! E você, como está?
Peço desculpas pela demora em obter um retorno.
Em relação a sua dificuldade, problemas com alteração, customização e importação de fontes é um obstáculo comum enfrentado pelos programadores.
No seu caso, o erro está na propriedade font-weight
do CSS. Essa propriedade é destinada a obter o efeito conhecido como negrito cuja finalidade é realçar palavras de um texto, contudo, os efeitos que ela causa vão muito além do simples negrito.
Os navegadores, por padrão, renderizam somente as fontes instaladas na máquina do usuário (Montserrat está incluída nisso) e em geral tais fontes são instaladas somente nas suas versões normal
e bold
.
Se definirmos um valor diferente de normal
(por exemplo: 800) o navegador "mapeia" o valor para aquele mais próximo do valor 800 que esteja instalado na máquina do usuário e que, em geral, é o valor bold
.
Para driblar essa limitação e explorar todas as possibilidades da font-weight
, atualmente é comum usar-se pacotes de fontes de terceiros, tal como os fornecidos pela API do Google Fonts. Com uso de API de terceiros para inserir fontes é possível ter grande precisão no peso da fonte, estendendo seus horizontes para muito além da dupla normal/bold normalmente instalada na máquina do usuário.
A partir desse conceito que te expliquei, existem N maneiras de se importar uma fonte, como por exemplo:
- Importar via
link
; - Importar via CSS com
@import
; - Baixar os arquivos da fonte, jogar no projeto e usar o
@font-face
.
Para entender melhor e se aprofundar nesse assunto eu recomendo que você leia a documentação original do Google Fonts na qual existem vários guias para importação e implementação de fontes, bem como para utilizar os diferentes valores da propriedade font-weight
do CSS. Recomendo fortemente também o curso de HTML5 e CSS3 parte 4: avançando no CSS, mais específicamente a aula de fontes externas que abrange o alvo de sua dúvida, explicando de forma prática e descomplicada.
Em caso de mais dúvidas, me coloco à disposição.
Grande abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
.