Solucionado
na primeira aula do curso grid e flex box o professor colocou uma fonte entre aspas e a outra sem. Por que isso? A fonte com aspas é um fonte externa?
body {
background-color: #1D232A;
font-family: "Open Sans", sans-serif;
color: #FFFFFF;
}
Oi Mateus, tudo bem?
Existem dois tipos de nomes de família de fontes:
family-name - O nome de uma família de fontes, como "times", "courier", "arial", etc.
generic-family- O nome de uma família genérica, como "serif", "sans-serif", "cursive", "fantasy", "monospace".
Para aplicar no CSS começamos com a fonte desejada e sempre terminamos com uma família genérica, para permitir que o navegador escolha uma fonte semelhante na família genérica, se não houver outras fontes disponíveis.
A fonte Open Sans é uma fonte externa e é a family-name, por isso ela vem com as aspas, e a segunda vem da generic-family sans-serif, que vai ser usada caso o navegador não consiga carregar a fonte principal Open sans, porque não suporta ou qualquer outro motivo.
E o professor escreveu dessa forma porque é o modo que se escreve no CSS para diferenciar as duas.
Você pode ler mais sobre na documentação CSS font-family Property.
Espero ter ajudado.
Abraços.
Pelo que entendi o "Open Sans" é o nome de uma família de fontes e por isso está entre aspas, e o Sans Serif é uma fonte dentro de uma familia de fontes. por isso está sem aspas. Seria mais ou menos isso?
Isso Mateus!