Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Google fontes e figma

Boa tarde!

Quando tento importar uma fonte do google fonte, a forma que aparece esta diferente da dos videos, talvez seja uma nova versão, não sei. Mas quando procuro pela fonte, aparece somente um estilo, e quando clico nele, aparece os outros estilos mas em "one value"

Não consigo selecionar mais de um estilo ao mesmo tempo, e copiar para o css.

Teria então que copiar a url de cada um

Exemplo:

Preciso da fonte "inter" na forma regular e bold. Mas se eu quiser usar ambas, preciso copiar duas URLS. E caso o projeto do figma tenha duas fontes, e ambas usarem negrito, eu precisaria usar a regular e bold das duas. Seriam quatro urls e desse jeito polui muito o codigo.

Gostaria de saber se tem uma alternativa para isso...

Outra coisa é o figma, não sei se é somente para mim mas não está aparecendo a opção "inspect" onde fica as dimensoes e tamanhos dos elementos da pagina

1 resposta
solução!

Oii Júlia, tudo bem?

Sim, houveram atualizações.

Assim que você abrir o site Google fonts, coloque na barra de pesquisa a fonte que deseja:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Clique nela e vá em Get Font:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Depois de selecionar, vai aparecer assim, com uma font lá na sacolinha:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Clique no A de fonts para voltar para a pesquisa de fontes e escreva outra fonte que deseja e selecione ela também seguindo os mesmos passos anteriores:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Depois de clicar em Get font vai aparecer assim agora:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Perceba que tem as duas famílias de fontes selecionadas. Daí é só ir em get embed code e pegar o código para usar, tem as formas por link e @import lá e já estão selecionados os pesos de 100 até 900 que virão sempre depois da atualização.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Se quiser mais fontes, é só fazer os passos mais uma vez.

Quanto ao Figma, ocorreu uma atualização nele e o modo DevMode tornou-se pago, infelizmente. Um aluno deixou essa dica aqui sobre Figma para estudantes, você pode tentar.

Espero ter te ajudado.

Um abraço e bons estudos.