Usando Google Fonts - @Curso em Vídeo HTML5 e CSS3

Поделиться
HTML-код
  • Опубликовано: 28 окт 2024

Комментарии • 294

  • @negokadu
    @negokadu 3 года назад +139

    Dica que funcionou para mim. Quando for copiar o código do Google fonts, desative a tradução pois ela cria espaçamentos, troca virgulas por ponto e altera a escrita de algumas palavras.

    • @joicefernandes7294
      @joicefernandes7294 3 года назад +10

      Nossa quebrei a cabeça imaginando que não ia funcionar pra mim mais graça a sua ajuda deu certo aqui também muito obrigada um beijo no seu coração menos uma alma aflita nesse momento.

    • @CarlosEduardo-vx4jf
      @CarlosEduardo-vx4jf 3 года назад +3

      Muito obrigado por seu comentário! Me ajudou muito. Estava quebrando a cabeça aqui. Valeu!

    • @MegaWESLEYX
      @MegaWESLEYX 2 года назад +2

      Salvou. Valeu!

    • @LuanDosSantosDeBem
      @LuanDosSantosDeBem 2 года назад +2

      Melhor comentário, estava quebrando a cabeça e não achava o erro, valeu.

    • @carlos42209
      @carlos42209 2 года назад +1

      Salvou demais! Estava quebrando a cabeça aqui. Valeu!

  • @sxion.systems
    @sxion.systems 3 года назад +140

    Entrei nesse vídeo só pra falar que tô fazendo o Curso de python tô aprendendo muito com ele recomendo

    • @Pedro-go3bd
      @Pedro-go3bd 3 года назад

      Só falta coragem rs

    • @eriklutiel2238
      @eriklutiel2238 3 года назад +3

      @Lagarto cosmico Mau⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺⸺ ja fiz e terminei o curso ano passado, recomendo vc fazer também o curso de c++ do cfb cursos

    • @waterpapergamer2212
      @waterpapergamer2212 3 года назад

      MT bom o curso msm, já terminei e é top d+

    • @arturcarneirobarroso7276
      @arturcarneirobarroso7276 3 года назад +3

      falta o mundo 4, espero que eles lancem este ano

    • @nilozeribinate9245
      @nilozeribinate9245 3 года назад

      @@arturcarneirobarroso7276 ele provavelmente vai lançar apos html

  • @CalebeLSoares
    @CalebeLSoares Год назад +10

    2023 tiozão e continuamos querendo aprender sempre....fazendo desde o começo! Vlw caboco!

  • @leticiaalves3221
    @leticiaalves3221 3 года назад +51

    Ansiosa pelo fim do módulo 2 para fazer o meu primeiro site! Obrigada Gustavo Guanabara pelos ensinamentos! Aprendo mais com você do que na faculdade.

    • @isaclima7685
      @isaclima7685 Год назад

      Faz facul de q?

    • @FellipeProgramador
      @FellipeProgramador Год назад

      sei que a pergunta não foi pra mim, mas eu tô na mesma situação dela. Faço faculdade de Análise e Desenvolvimento de Sistemas, e onde eu mais aprendo é aqui com o Guanabara... rs @@isaclima7685

  • @enzocampos6358
    @enzocampos6358 12 дней назад

    uma otima dica para todos, nao foquem no resultado,foquem no caminho que vai te levar ate o resultado.Todo detalhe é importante por isso anotem tudo!

  • @nathanmenezes938
    @nathanmenezes938 2 года назад +8

    Esses cursos tem uma qualidade absurdaaa. A minha vontade é fazer todos kkkkkkk

  • @vincentphayel1379
    @vincentphayel1379 3 года назад +34

    Parabéns pelo seu aniversário mestre, felicidades sucesso e muitas boas conquistas na sua vida 🙏🙏🙏 obrigado por tudo !!!

  • @deoegaby4347
    @deoegaby4347 3 месяца назад +1

    Mais uma aula concluída com sucesso!!! Obrigada Professor Guanabara por disponibilizar esse tesouro em forma de curso!

  • @HeloyseEduarda-de4jr
    @HeloyseEduarda-de4jr 4 месяца назад +1

    A alegria que dá qnd vc vê o negócio funcionado!!!

  • @emersongabriel7651
    @emersongabriel7651 Год назад +1

    Aqui estou eu novamente assistindo uma vídeo aula do mestre gafanhoto e tudo isso se iniciou em 2015. Aprendi HTML e CSS com você muito obrigado!

  • @LukzASMROficial
    @LukzASMROficial 3 года назад +7

    Legal do site Google fontes é que tem uma aba de "Emparelhamentos" que mostra outras combinações de fontes para se usar no teu parágrafo (Por exemplo) junto com a que vc escolheu como título.

  • @antoniocaetano3707
    @antoniocaetano3707 2 года назад +3

    Aula incrível como sempre, aulas de alta qualidade, parabéns pelo trabalho e pelo conteúdo professor.

  • @paulorobertosilva9103
    @paulorobertosilva9103 3 года назад +8

    Por que pararam os vídeos? Sei que é de “graça”. Mas acho complicado a falta de atenção ao público que tanto anseia por assistir as aulas. Espero que voltem logo e continuem com o excelente conteúdo de HTML e CSS.

    • @ovelhanerd
      @ovelhanerd 3 года назад +2

      Fica tranquilo que não é "de graça" eles tem patrocinadores e também tem apoiadores (como eu). Eles pararam na plataforma também, algo deve estar acontecendo, nós só temos que esperar.

    • @arturcarneirobarroso7276
      @arturcarneirobarroso7276 3 года назад +10

      olha, o professor pode estar passando por um motivo difícil da vida dele

    • @marlene-moraes
      @marlene-moraes 3 года назад +1

      Gente, alguém sabe se ele já se curou da COVID?

  • @atalicioalves950
    @atalicioalves950 Год назад

    Curso em video, sem duvidas o melhor do mundo!
    Assistindo as aulas e dando like no inicio e comentario para ajudar da forma que posso

  • @raquelsantos8696
    @raquelsantos8696 2 года назад +1

    Olá !!! Gostei muito da sua maneira de ensinar .

  • @Ailciavssousa
    @Ailciavssousa Год назад +2

    Ele é Surreal!

  • @fabiomedeiros2189
    @fabiomedeiros2189 Месяц назад

    parabéns pelo conteúdo

  • @mathinformatica5204
    @mathinformatica5204 3 года назад +1

    Sensacional guanabara, com seu curso de Python e esse de html, estou bastante agradecido com os conhecimentos aprofundados que estou conseguindo ao decorrer do esforço e rotina diária de estudas, obrigado sempre prof!

  • @wesleyoliveira8057
    @wesleyoliveira8057 Год назад

    mais pra cima , mantendo a constância aqui

  • @ALVINMAN452
    @ALVINMAN452 3 года назад +40

    Álvaro Rocha
    E quando é que lançam mais aulas do módulo 2 do curso de HTML5 CSS3 na plataforma do curso em vídeo?
    Lançar na plataforma do curso em vídeo, 3 aulas de 4 em 4 semanas é muito pouco para quem é apoiador e lhes foi prometido acesso antecipado ao modulo 2 do curso.
    Na plataforma do youtube este curso desenrola-se com mais rapidez e frequência.
    Gustavo Guanabara eu aprecio muito os seus cursos e tenho a certeza que esta critica não se destina a si, que acredito não será o responsável pelo lançamento de novas aulas pois como você disse no inicio do curso, já estão prontas e gravadas todas as aulas do referido curso.
    Cumprimentos, obrigado e desculpe o meu desabafo Guanabara.

    • @cristianferreira9428
      @cristianferreira9428 3 года назад +1

      Vdd mano

    • @ovelhanerd
      @ovelhanerd 3 года назад

      Pois é, parou no capítulo 15, aula 01, meio chato isso...

    • @juanribas876
      @juanribas876 3 года назад

      @@ovelhanerd devem tá atualizando o site por isso tá demorando.eu acho...

    • @paulojose-pj
      @paulojose-pj 3 года назад +3

      Num é tão chato assim dá views nos dois vídeos assim eu acho que você ajuda o Professor com as quantidades de views e curtidas. Não esqueça de compartilhar !! Bons estudos!

    • @ovelhanerd
      @ovelhanerd 3 года назад

      @@paulojose-pj Mas o problema não é exatamente esse, o problema é quem é apoiador não receber os vídeos antes dos outros, que foi prometido para quem era apoiador. Tanto que tá parado com 19 aulas

  • @klayvaodev
    @klayvaodev 3 года назад

    Maravilha de aula. 5 da manhã aqui e nem vi a hora passar em meio a aulas e práticas. Ótimo sentimentos tenho sobre o mestre Guana

  • @andrade8032
    @andrade8032 Год назад

    Comentando só pra ajudar ❤

  • @joaozin-o9x
    @joaozin-o9x 3 года назад

    Achei muito interessante o seu vídeo.
    Nem eu imaginava que havia fontes tipográficas exclusivas do Google.

    • @jadson_
      @jadson_ 3 года назад +3

      fodão tu hein...."nem eu imaginava que...", se nem tu imaginava dessa existência, imagina nós meros mortais

  • @samuel_s_a_m
    @samuel_s_a_m 3 года назад

    Melhor site de cursos do youtube

  • @LuisCarlos-pc2wk
    @LuisCarlos-pc2wk 3 года назад

    Parabéns Guanabara 👏 estou aprendendo muito com vc .

  • @roberttdev1489
    @roberttdev1489 3 года назад

    Melhor conteúdo do youtube.

  • @vandersondamasceno6485
    @vandersondamasceno6485 2 года назад +2

    Cara eu pago um curso de programação full stack, mas sempre preciso vir aqui pra revisar melhor o conteúdo.
    Não consegui por uma font usando a tag sem entender por que, vim aqui e aprendi a por de outra forma.
    Parabéns pela aula, muito boa!

  • @romarioaraujo874
    @romarioaraujo874 Год назад +1

    nao consigo nem assistir as aulas da faculdade kkkkkkkkk
    só vejo seus vídeos, vc é fera de mais...

  • @lucasaster564
    @lucasaster564 3 года назад

    Melhor professor apenas

  • @Projet-Games
    @Projet-Games 2 года назад +5

    Apenas uma dica para somar com o vídeo.
    Pessoal, cuidado com o Tradutor Google. Se a página for traduzida automaticamente, vai dar errado e não vai funcionar.
    Utilizem o site de fontes sempre no idioma original.

  • @GabrielOliveira-mm4dz
    @GabrielOliveira-mm4dz 2 года назад

    Muito obrigado por essa aula, professor. Isso vai me ajudar muito no meu futuro.

  • @percepcao7160
    @percepcao7160 2 года назад

    curso brabo bora

  • @jhulyennycurty4228
    @jhulyennycurty4228 2 года назад +6

    Pra quem está com problemas de que a fonte não está mudando no site de exemplo: Quando for usar o Google Fonts não clique na opção de traduzir o site (do google fonts)!! Isso que estava fazendo a minha importação não funcionar

  • @hebergoncalves4981
    @hebergoncalves4981 Год назад

    Obrigado, Guanabara!

  • @leonardoklestadtluz7908
    @leonardoklestadtluz7908 3 года назад +2

    Boa noite @gustavoguanabara .
    Quando as aulas estarão disponíveis na plataforma do curso em vídeo ?
    Lá tem somente 6 aulas...

    • @kbs6025
      @kbs6025 3 года назад

      Acompanha aquilo pelo RUclips mesmo. Eu ando fazendo assim, acompanho pelo RUclips, e quando termino, eu simplesmente deixo no playautomático no Site para depois pegar o Certificado..

  • @FCGNC
    @FCGNC Год назад +1

    E bom tão bem vcs usarem a inteligência IA para caso vc nao entenda o fundamento de alguma teg. Lembra que hipótese nenhuma pessa para ela fazer o code, estude ❤

  • @leofranklinn22
    @leofranklinn22 3 года назад

    Ótimo vídeo, sempre aprendendo algo novo com o Curso em Vídeo

  • @rodrigojuliocostasilva6785
    @rodrigojuliocostasilva6785 3 года назад

    curso maravilhos. ajudando muito.

  • @capozzoliify
    @capozzoliify Год назад

    O melhor dos melhores!

  • @josebencao4520
    @josebencao4520 2 года назад

    obrigado pelos conteúdos

  • @dvissonvirgulino47
    @dvissonvirgulino47 2 года назад

    muito bom o seu trabalho, obrigado por isso.

  • @Eder6704
    @Eder6704 3 года назад +1

    Gostei bastante do vídeo, o curso está ótimo.
    Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.

  • @tiohope7470
    @tiohope7470 2 года назад

    muito bom to fazendo oc urso para ser desenvolvedor web como profissão

  • @emersonguilherme1959
    @emersonguilherme1959 2 года назад

    Muito show!!!

  • @antoniotrindade2117
    @antoniotrindade2117 2 года назад

    Muito bom, aprendendo muito ❤

  • @denisfagundes3623
    @denisfagundes3623 9 месяцев назад

    top aula

  • @viptraderbrasil9881
    @viptraderbrasil9881 3 года назад

    curso muito bom!!! Parabéns

  • @marvintavares6123
    @marvintavares6123 2 года назад

    Ótima aula!!! Gostei muito!!!

  • @diogozura
    @diogozura 3 года назад

    aula maravilhosa ....

  • @adimaelbr
    @adimaelbr 3 года назад

    Faz um video falando sobre as Meta Tags e a importância delas no ranqueamento do google.

    • @flamengosrn5970
      @flamengosrn5970 3 года назад

      Mata tags são importantes para aumentar a visibilidade do seu site, com elas o seu site ficará mais visível quando uma pessoa pesquisar no google por exemplo.

  • @daniellarangel4861
    @daniellarangel4861 Год назад

    Top demais!!!

  • @MarcosFelipe-up9lc
    @MarcosFelipe-up9lc 3 года назад

    Sensacional!!

  • @chimiedilumuene940
    @chimiedilumuene940 3 года назад

    Muito obrigado gustavo

  • @FelipeFagundes92
    @FelipeFagundes92 3 года назад

    Guanabara te amo!

  • @RicardoIvanov
    @RicardoIvanov 3 года назад

    Essa do import eu não sabia! Excelente dica*

  • @MairaAraujo1990
    @MairaAraujo1990 Год назад

    Os modelos do Canva são bons pra ter ideias de como combinar fontes

  • @igordapaixao03
    @igordapaixao03 3 года назад +2

    Guanabara, as aulas não estão sendo atualizadas na plataforma do @CursoEmVídeo.

  • @marlene-moraes
    @marlene-moraes 3 года назад

    @cursoemvideo Vim pro RUclips porque no site só tem até a aula 05 e você já tá na aula 10! Por favor, se puder, atualizem o site que eu quero pegar o certificado depois :)

  • @O_Sidharta
    @O_Sidharta Год назад

    Ótimo vídeo

  • @GuilhermeSilva-yp4fe
    @GuilhermeSilva-yp4fe 2 года назад

    ótima aula!

  • @CledmlsonLima
    @CledmlsonLima Год назад

    Muito obrigado

  •  3 года назад +3

    Não precisa importar fonte por fonte, se selecionar várias fontes ela vai estar dentro do mesmo import ali no site.

  • @isaacmartinezrizo
    @isaacmartinezrizo 3 года назад

    muito obrigado....

  • @leonardolfc24
    @leonardolfc24 6 месяцев назад

    Muito bom!!!!!

  • @simaraandrade4100
    @simaraandrade4100 3 года назад

    Estou no curso de Python, assim que eu concluir vou pra o curso seguinte até alcançar os cursos atuais.

  • @hiconess
    @hiconess 3 года назад +1

    Fala mestre guanabara, faz uma serie sobre programar no celular, por exemplo usar o Samsung DEX, praticamente não tem vídeo em Português ensinando a usar esse recurso.

  • @gustavoduque3341
    @gustavoduque3341 2 года назад

    Exelente

  • @diogosteiner7159
    @diogosteiner7159 3 года назад

    Cara, que aula top!

  • @thescriptkiddie
    @thescriptkiddie 2 года назад

    Parabéns pra quem chegou até aqui. Avante, soldado!

  • @Uvinha2521
    @Uvinha2521 3 года назад +5

    Faz um curso de C++ pofavor, quem quiser também curte pra chegar neles

  • @alessandrodeoliveira9668
    @alessandrodeoliveira9668 2 года назад

    MUITO BOOOOOOOOOOOOOOOOOM

  • @marcelloxd2
    @marcelloxd2 3 года назад

    Parabens!

  • @rafael12348
    @rafael12348 24 дня назад

    Show

  • @felipecoutinho_
    @felipecoutinho_ 2 года назад

    Não é necessário importa duas vezes vc simplesmente escolhe as fontes que quer sendo assim não precisa ser a mesma, e usa somente um link de importação
    porem na hora de escolha a font family vc tem que ter o nome da fonte que vc exportou é bem simples

    • @Houlz
      @Houlz 2 года назад

      Ele falou isso no minuto 13:00.
      Ele estava demonstrando cada uma separadamente.

  • @vitorfontes4202
    @vitorfontes4202 3 месяца назад

    obrigado

  • @d3kuma
    @d3kuma 3 года назад

    Muito bom

  • @e.b459
    @e.b459 3 года назад

    Professor Guanabara você poderia fazer um vídeo falando sobre cyber security? Dizendo o que precisa para começar a estudar isso? Se é diretamente ou precisa ter outros conhecimentos. Obrigado

    • @kbs6025
      @kbs6025 3 года назад +1

      Seria muito bom se houvesse um Curso sobre Segurança da Informação, mas creio que se ele fizesse isso estaria disponível apenas no Estudonauta...

  • @alanstoss
    @alanstoss 2 года назад

    Eu estou fazendo um outro curso em paralelo e eles recomendam uso de para Gooogle fonts. Embora o @import seja mais facil de ser colocado pois so precisa colocar uma vez no CSS file, o tem as suas vantagens quando se trata de carregamento do recurso incluido. Pra ser sincero eu nao entendi direito a diferenca de como eles sao carregados. Talvez alguem com mais conhecimento possa esclarecer?
    Eu tambem achei que algumas empresas nao permitem uso de Google CDN e Google Fonts em seus projetos. Talvez tenha a ver com o fato de nao funcionar perfeitamente na China e alguns outros paises.

  • @douglashenrique6766
    @douglashenrique6766 2 года назад

    ajudando o algoritimo

  • @flaviomendes1491
    @flaviomendes1491 3 года назад

    Bom dia, estou começando o curso de Java e tb o de Javascript. No curso de JavaScript, você explicou certinho onde baixar os Softwares. Porém no de Java que é mais antigo, vc não explicou onde baixar, vc até comentou que está no Oracle, mais não explicou onde baixa. Alguém pode me explicar. Agradeço TMJ.

  • @Edu-Coimbra
    @Edu-Coimbra 3 года назад

    Show! Thank you for this awesome lesson =)

  • @Rjodrigo
    @Rjodrigo Год назад

    Salve Guanabara, algum dia me explique porque a aula de css está feita em HTML ?

  • @gabrieltiberio.
    @gabrieltiberio. 2 года назад

    obrigado Guanabara

  • @oboemio9310
    @oboemio9310 2 года назад +1

    8:48
    Atualmente (2022) já tem o Select All Styles.

  •  3 года назад +3

    Quais os dias das aulas mesmo?

  • @juanribas876
    @juanribas876 3 года назад +1

    Traz um curso de C++

  • @diegorocha8164
    @diegorocha8164 Год назад

    Vlw

  • @lucassantosribeiro9260
    @lucassantosribeiro9260 3 года назад +5

    Se colocasse
    h1, h2 {}
    Não seria a mesma configuração caso as duas tags usem as mesmas?

    • @winsted1337
      @winsted1337 3 года назад +2

      Verdade. Mas no caso ali ele gerou 2 tamanhos diferentes para cada um título hierarquico.

    • @negokadu
      @negokadu 3 года назад +1

      Seria. Mas as duas tags teriam a mesma formatação, note que no h1 o font-size é 3m e no h2 é 2m, fazendo subtítulo ficar um pouco menos.

  • @wallacevitorio6662
    @wallacevitorio6662 5 месяцев назад

    professor, qual a diferença entre @Import e @font-face ?
    Os dois são usados quando queremos aplicar fontes externas. Entao os dois tem a mesma função?

  • @juniosilvadealmeida8778
    @juniosilvadealmeida8778 3 года назад +1

    Cadê as aulas ?

  • @pierre.vieira
    @pierre.vieira 2 года назад +2

    8:45 Só pra constar, este comentário é do dia 29/12/2021 e a google ainda não adicionou um botão de "adicionar todas" :(

  • @xvr8823
    @xvr8823 3 года назад

    Vida longa ao guanabara😂 mt obrigado por esse curso professor

  • @marcusvinicius-vo4hz
    @marcusvinicius-vo4hz 3 года назад +5

    É definitivamente não sei o que fazer, assisti essa aula 6 vezes repeti absolutamente tudo perfeitamente, e as fontes não mudam no site de exemplo ;-;

    • @eracssonaraujo1171
      @eracssonaraujo1171 3 года назад +1

      Também estou com o mesmo problema.

    • @guilhermeflesch5403
      @guilhermeflesch5403 3 года назад +1

      Quando tu ta ctrl C no Style é apenas pra importar a fonte, daí tu pega o código que está abaixo e coloca dentro do body, ou h1 ou onde vc quiser.

    • @brendavoithina7258
      @brendavoithina7258 3 года назад

      tô na mesma!

    • @negokadu
      @negokadu 3 года назад

      Vê se na hora de copiar o código o seu navegador não está para traduzir, coloca em inglês, porque a tradução gera espaçamentos e trocas virgulas por pontos. O meu estava assim.

    • @Z.A.G.O
      @Z.A.G.O 3 года назад +1

      aqui também

  • @ciro.dsgn_
    @ciro.dsgn_ 3 года назад +1

    Algoritmo, eu gosto disso.

  • @valdecirlucianodasilva7660
    @valdecirlucianodasilva7660 3 года назад

    top

  • @MariaClara-jc6ry
    @MariaClara-jc6ry Год назад

    obrigada mestre guana >_<

  • @edu_amr
    @edu_amr 3 года назад +1

    Opa guanabara, sera nesse modulo que iremos ver a DIV?

  • @douglasdeoliveira7033
    @douglasdeoliveira7033 3 года назад

    Boa

  • @aninha22ist61
    @aninha22ist61 10 месяцев назад

    Em 2020 em que o vídeo foi gravado o google fontes tinha 991 famílias de fontes, hj em 2023, quase 2024 nós temos 1587.

  • @ricardolevicampos7400
    @ricardolevicampos7400 3 года назад

    Você comentou que usando a importação das fontes para o HTML seria mais complexo, qual o motivo? Tenho visto que geralmente usam por lá, qual a vantagem do CSS?

    • @GabrielGomes-ow2jp
      @GabrielGomes-ow2jp 3 года назад +1

      na questão de que você vai ter que ficar copiando o mesmo código para as outras paginas que você criar. Creio que seja nisso, pois com o @import você consegue colocar o código externamente em um arquivo style.css, agora com a vc tem que colocar no arquivo .html e é mais código assim.