1
resposta

Como funcionam as fontes?

Fiquei com dúvida em relação à hierarquia de fontes no HTML. O código que usamos para importação das fontes do projeto foi:

<link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto:100,300,400,500,700,900" rel="stylesheet" />

Vejamos:

1 - A fonte Roboto é selecionada caso seja utilizado algum dos tamanhos especificados (100,300,400,500,700,900)?

2- Caso eu coloque um tamanho de fonte diferente, a Pacifico entra no lugar?

1 resposta

Olá, Uiratan. Como vai?

Esse link de importação está importando a fonte Pacifico, no peso (font-weight) regular, e a Roboto nos pesos: 100, 300, 400, 500, 700, 900.

Então, respondendo suas perguntas:

1 - Não necessariamente, mas significa que você terá acesso a todos esses pesos, podendo definir textos em Roboto em qualquer um deles no seu CSS.

2 - Ela não entra no lugar e você precisaria definir ela explicitamente. Detalhe: você só conseguirá usar a Pacifico no peso regular (400).

A maneira que o link está é a forma que o Google Fonts constrói a solicitação de importação, para que a plataforma deles entenda quais fontes você precisa. Qualquer uso dessas fontes é definido no próprio CSS do seu projeto.

Qualquer dúvida, é só avisar! Bons estudos!