Solucionado
Olá, Na verdade tenho uma dúvida quanto a importação da fonte "Open Sans":
Quando incluímos o do site fonts.google no nosso HTML, já não estamos importando tanto a Montserrat quanto a Open Sans?
Mas na aula vimos que foi necessário criar o "base.css" para importar a Open Sans. Notei que importamos só o Open Sans, mas e o Montserrat, já é importado automaticamente?
hoje, com a Alura e o Google Gemini
Elas podem ser importadas em conjunto. Se reparar no código abaixo, você vera que existem duas "familys", a Montserrat e a Open Sans. Esse arquivo vai no HTML, você também pode usar o código CSS para importar.
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Open+Sans:wght@300&display=swap" rel="stylesheet">
Quanto ao arquivo CSS, usamos ele para estilizar a nossa página. Se importamos uma fonte no Google, devemos passar para o HTML através do CSS que queremos utilizar essa fonte em determinados lugares.
font-family: 'Montserrat', sans-serif; - Aplica apenas Montserrat, se não for encontrado aplica sans-serif
font-family: 'Open Sans', sans-serif; - Aplica apenas Open Sans, se não for encontrado aplica sans-serif Eu vou ter 2 font-family, mas eu posso usar só 1.
font-family: 'Montserrat', 'Open Sans', sans-serif; - Aplica Monteserrat, se não for encontrado irá aplicar Open Sans e caso não seja encontrado irá aplicar sans-serif. É possível fazer a importação das fontes pelo CSS também, além dos links HTML.
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Open+Sans:wght@300&display=swap');Dentro do CSS ou do base.css, você pode colar esse link acima e ele irá importar. Não gosto muito, pois pode dar alguns problemas dessa forma ainda.