Estou com duas dificuldades uma e colocar o fonte das escritas outra é tamanho da pagina que esta abrindo esta desproporcional?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Estou com duas dificuldades uma e colocar o fonte das escritas outra é tamanho da pagina que esta abrindo esta desproporcional?
Oii Guilherme, tudo bem?
body {
font-family: Arial, sans-serif;
}
Neste exemplo, a fonte padrão do texto em todo o corpo do seu documento HTML será Arial. Se Arial não estiver disponível, o navegador usará qualquer fonte sans-serif disponível.
Se você quiser importar uma fonte do Google fonts você pode fazer assim:
Assim que você abrir o site Google fonts, coloque na barra de pesquisa a fonte que deseja:
Clique nela e vá em Get Font:
Depois de selecionar, vai aparecer assim, com uma font lá na sacolinha:
Clique no A de fonts para voltar para a pesquisa de fontes e escreva outra fonte (se desejar) e selecione ela também seguindo os mesmos passos anteriores:
Depois de clicar em Get font vai aparecer assim agora:
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.
body {
width: 80%;
margin: auto;
}
Neste exemplo, a largura do corpo do seu documento HTML será de 80% da janela do navegador e o restante do espaço será distribuído igualmente à esquerda e à direita do corpo, centralizando-o.
Um abraço e bons estudos.