É incrível como um curso gratuito possui tanto conteúdo de qualidade que te cativa a aprender e continuar acompanhando cada vez mais. Já fiz cursos pagos com professores que não possui um terço do intusiasmo do Profª Granabara. Nota 1000
Um curiosidade: Pra descobrir se sua fonte é opentype, truetype, etc.. Basta você abrir o arquivo da fonte que você baixou (aquele que tem os glifos em um documento que parece o bloco de notas, sabe?) Dentro dele.. logo no título tem o tipo, versão.. e no layout tem informando se é Opentype, etc. :D
@rafaelguedes6337 há 3 meses Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
O vídeo está muito bom, estou acompanhando o curso desde o começo, e é incrível como vocês do curso em vídeo sempre mantem a qualidade do curso. Parabéns pelo trabalho e carinho que vocês tem pelo curso
muito obrigado , passei 2 horas tentando, refazendo varias vezes. só consegui depoisde ver o cometário do colega da colega, dizendo que esqueceu de colocar no ha1, pois estava esquecendo tambem.kkkkk . Obrigado guanabra >>> 03/02/2023
Uma observação: acredito que tenha acontecido alguma atualização, porque a sugestão quando apertamos Ctrl + espaço é colocada com barras invertidas. Assim: (love\ larry\ ttf.ttf) e sem as barras invertidas, não funciona.
@rafaelguedes6337 há 3 meses Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
pô, a galera pensa que o Guanabara é um desocupado? cara, ele tem um vida como qualquer, responsabilidade e tudo mais.....dever ser um trabalhão gravar um vídeo, editar e ainda estudar o assunto pra poder passar o conteúdo mais fácil possível!
O que você precisa saber sobre formatos: - truetype (É suportado por vários navegadores e utilizado em fontes .ttf) - opentype (É suportado por vários navegadores e utilizado em fontes .otf) Mas se ambos são utilizados, qual eu devo escolher? Caso faça uma pesquisa breve, verá que os projetos atuais utilizam mais arquivos .otf, por tratar-se de ser uma "evolução" do truetype, que é mais antigo. Os designer de fontes atualmente costumam utilizar o .otf por ser mais versátil e adaptável.
@@josekhalil8348 @rafaelguedes6337 há 3 meses Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
eu passei meia hora tentando descobrir pq não estava funcionando o código da minha fonte, ai percebi que por eu não ter colocado uma simples 'vírgula" meu código nunca ia funcionar.
@rafaelguedes6337 há 3 meses Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado@@josekhalil8348
Para quem não está conseguindo: @font-face { font-family: 'Love'; src: url(love\ larry\ ttf.ttf); /*use o ctrl + espaço para selecionar o arquivo*/ font-weight: normal; font-style: normal;
tbm to desanimando... eu nao posso esperar esse tempo todo pra ele disponibilizar os 5 modulos... vou ter q migrar pra outra plataforma... eu até ia apoiar, mas nao apoio a lentidão lol
Pra ter um conteudo desse nível nao é facil adiantar não, pensa em quantas horas ele passa pra planejar tudo, o tempo que grava, o tempo que edita, tem o material em pdf e muitas outras responsabilidade. 3 aulas por semana é muito até
pessoal, só dar ctrl+ espaço na URl e colocar do jeito que sugestiona, não precisa do format mais. Depois é só trocar no H1 e dará certo! Espero ter ajudado.
mano,você vai colocar do jeito que ele fez,porém,atualmente não é preciso usar mais o format que ele coloca(se você quiser pode até colocar por questões de semântica),e tbm não precisa mais das aspas na URL.Bastas chamar o font face do jeito que ele faz,e dentro da URL você aperta “CTRL + ESPAÇO”,e coloca o nome do arquivo do jeito que o vscode te sugestiona,entendeu? e depois é só mudar o nomezinho que você colocou no próprio font-family,aonde você quer que seja mudado. Ex:Colocou o nome:”Love larry” no font-family do font-face,aí você quer mudar o H1 do seu site por ex,aí você vai no seu H1{} e no font family dele,você coloca “Love Larry”
@@vortexzzz3679 caramba, tava batendo a cabeça aqui a maneira como ele explicou não tava rodando, mas sua explicação foi sensacional, consegui fazer o exercício graças ao seu comentário obrigadão!!!!
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.
Man o meu n foi, fica dando errado e o vscode pede pra botar barra em ces de espaço aí n muda a fonte, tendi nd ksksks mas o conteúdo é ótimo, acho que o problema é aq mrm
@font-face { font-family: love larry; src: url(love\ larry\ ttf.ttf); } body { font-family: Love Larry; font-weight: normal } h1 { font-family: 'Times New Roman', Times, serif }
Título Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum nulla dolores explicabo dignissimos odit ullam doloremque delectus illo unde laborum rem voluptatum id, provident adipisci sequi voluptatem fuga itaque soluta? @@joaomiguez
Segui passo a passo do vídeo e percebi que ao baixar os arquivos das fontes não vem mais com o arquivo otf baixa só o tff, segui certinho o vídeo porem não consegui colocar a fonte. alguém me ajuda por favor ? osb:(testei tanto no navegador chrome como no firefox)
Tive um problema no meu exercício. Baixei a fonte The Augusta (.otf) e a fonte Vintage King (.ttf). As duas ficaram com uma aparência quadriculada onde deveria ter linhas suaves, como uma imagem em baixa resolução. Quando coloquei font-weight: normal dentro do seletor h1, ficou um pouco melhor, mas continua com uma imagem estranha, meio quadriculada. Tentei escrever lighter em vez de normal e não mudou nada.
Fala ai guanabara, fiz todos os cursos de python, agora estou estudando a framework django, mas não achei nenhum curso com a qualidade do seus, se puder pense na ideia de fazer um curso sobre django, iria me ajudar muito 👍
teve alguma mudança de sintaxe como falaram alguns. No meu caso so funcionou o ttf(no navegador Google Chrome), se eu colocar o ttf e o otf juntos, para de funcionar.
@font-face { font-family: love larry; src: url(love\ larry\ ttf.ttf); } body { font-family: Love Larry; font-weight: normal } h1 { font-family: 'Times New Roman', Times, serif }
Título Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum nulla dolores explicabo dignissimos odit ullam doloremque delectus illo unde laborum rem voluptatum id, provident adipisci sequi voluptatem fuga itaque soluta? @@isabelarizzicastegnaro274
O Guanabara deveria postar 1 módulo a cada mês, se as aulas já estão gravadas posta 1 módulo a cada mês, o módulo 1 já foi postado então posta o módulo 2 neste mês (abril) e quando der 1 mês que ele postou o módulo 2 ele posta o 3 e assim sucessivamente, até chegar ao módulo 5, postar 3 aulas a cada semana ou deixar de postar em alguma semana fica chato e prejudica nós alunos.
olá. Alguém hoje em 15/05/2024 pra atualizar? eu digitei conforme instrução do Prof. Guanabara e nao rolou ...acho que ta igual ao video assim .... @font-face { font-family: "Love"; src: url ("love larry.ttf") format(ttf); font-weight: normal; font-style: normal; } Mas nao ta dando certo alguma dica hoje? vlw galera Blz ... Só atualizando fucei nesse negocio aqui e atualizou o sistema eu acho kkkkk ficou assim @font-face { font-family: "Love"; src: url("fonts/love\ larry\ ttf.ttf") format("truetype"); font-weight: normal; font-style: normal; } ufaaaaa ... pode parecer facil ... mas só tenho 61 anos de idade e estou estudando HTML CSS JavaScript com o Prof Guanabara e avançando ... quem sabe até começo a trabalhar ainda esse ano vai q né ..... vlw galera
Não coloquem espaço entre o format e os parênteses. Exemplo correto: @font-face { font-family: 'Magic'; src: url(letter-magic.ttf) format('truetype'); }
Quem está aqui desde o primeiro dia do curso?
Aquele Like para confirmar!
mendigo :(
@@DCMapas porquê mendigo
euuu
@@dmulando1 pedindo like
Bom demais!
Para os que não estao conseguindo, retirem o format() que dá certo
me salvou
sabe explicar pq?
@@dennisro93 deve ser atualização de sintaxe, algo comum
Boa!
up
Conteúdo de qualidade é outro nível.
É incrível como um curso gratuito possui tanto conteúdo de qualidade que te cativa a aprender e continuar acompanhando cada vez mais. Já fiz cursos pagos com professores que não possui um terço do intusiasmo do Profª Granabara. Nota 1000
(Dica)
Se apertar ctrl + espaço tbm aparece os arquivos TTF, OTF
verdade, fiz isso tbm kkk já acostumei
priemira coisa que tentei kkkkkkk,
@@joselucas325 kkkkkkkk boa
Um curiosidade: Pra descobrir se sua fonte é opentype, truetype, etc..
Basta você abrir o arquivo da fonte que você baixou (aquele que tem os glifos em um documento que parece o bloco de notas, sabe?)
Dentro dele.. logo no título tem o tipo, versão.. e no layout tem informando se é Opentype, etc. :D
vlwwww
Que pratico! Obd!😄
Eu cliquei com o botão direito no arquivo e fui em propriedades, aí mostra também de um jeito prático e rápido o tipo de arquivo.
se o arquivo é truetype, o formato dele é ttf, que justamente significa truetype format. E se for opentype, é o formato otf.
mudou a sintaxe. o formato vai junto com o nome do arquivo.
@font-face {
font-family: 'love' ;
src: url (love \ story.ttf.ttf) ;
gênio, me ajudou muito aqui. esqueci de colocar o " ponto e virgula" no final do nome da fonte e não tava dando certo o meu, mas agora eu consegui. :)
@rafaelguedes6337
há 3 meses
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos
OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
O vídeo está muito bom, estou acompanhando o curso desde o começo, e é incrível como vocês do curso em vídeo sempre mantem a qualidade do curso. Parabéns pelo trabalho e carinho que vocês tem pelo curso
Que vídeo incrível! Aplaudi por R$ 5,00 👏👏
muito obrigado , passei 2 horas tentando, refazendo varias vezes. só consegui depoisde ver o cometário do colega da colega, dizendo que esqueceu de colocar no ha1, pois estava esquecendo tambem.kkkkk . Obrigado guanabra >>> 03/02/2023
obg vc é um deus kkkkkkkkkkkkkkkkkkkkk
ha1?
Não consegui fazer esse exercício e não faço ideia do que fazer pra resolver. Eu fiz literalmente a mesma coisa que o Guanabara e não foi…
Professor Gustavo, tenho de lhe dar os parabens pelo seu trabalho! Fico muito agradecido por compartilhar o seu conhecimento aqui com a gente!
Você conseguiu resultado? pra mim está dando errado, ja refiz várias vezes, mas, não está dando certo
Excelente ... sem igual e já estou na plataforma! Didática simples , exercícios e pdf de nível superior!!!! Guanabara é Ninja do Code!
gosto muito das aulas! aprendo mt mais aqui do q no curso q faço presencial!!
Incrível mais um aulão com Guanabara, estou adorando aprender contigo ! ❤🙌🏿
Uma aula melhor que a outra
Uma observação: acredito que tenha acontecido alguma atualização, porque a sugestão quando apertamos Ctrl + espaço é colocada com barras invertidas.
Assim: (love\ larry\ ttf.ttf) e sem as barras invertidas, não funciona.
Comigo só pegou assim tbm
sim
tinha esquecido de colocar o " ponto e virgula" no final do nome da fonte e não tava dando certo o meu, mas agora eu consegui. :)
@rafaelguedes6337
há 3 meses
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos
OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
Exatamente, só consegui da seguinte maneira: src: url('love\ story\ ttf.ttf');
tou feliz de chegar até aqui, espero ir até o final
Cada aula aprendendo mais 🔝🔝🔝
Caraca! Guanabara de cabelo branco! Nosso Highlander! Obrigado pelo excelente conteúdo!
Aeeee mais um vídeo hehe
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos
OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
Hahahah putz, véi… time salvou!! Valeu mesmo.
SALVOU DEMAISSS
Valeu Gustavo, ja sou programador junior mas tinha esquecido como fazia essa parte
Pulei essa aula mas tive que voltar pra fazer o desafio 😅 Não pulem, anotem, um dia vai ser necessário.
pô, a galera pensa que o Guanabara é um desocupado? cara, ele tem um vida como qualquer, responsabilidade e tudo mais.....dever ser um trabalhão gravar um vídeo, editar e ainda estudar o assunto pra poder passar o conteúdo mais fácil possível!
AAh tava muito ansiosa para esse episódio!
O que você precisa saber sobre formatos:
- truetype (É suportado por vários navegadores e utilizado em fontes .ttf)
- opentype (É suportado por vários navegadores e utilizado em fontes .otf)
Mas se ambos são utilizados, qual eu devo escolher? Caso faça uma pesquisa breve, verá que os projetos atuais utilizam mais arquivos .otf, por tratar-se de ser uma "evolução" do truetype, que é mais antigo. Os designer de fontes atualmente costumam utilizar o .otf por ser mais versátil e adaptável.
Como sempre um mito. Resolveu meu problema, você é foda
Ótimo vídeo!
aleluia consegui a fonte
fiquei muito feliz, muito obrigado.
aprendi demais na epoc, hoje ja trabalhando com React, sempre venho revisar essas coisas mais simples que passam batido
Cara me ajuae, não deu certo comigo, a fonte não carrega, ja refiz do começo ao fim
cara segue o tutotial que dá certo
@@josekhalil8348
@@josekhalil8348
@rafaelguedes6337
há 3 meses
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos
OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado
eu passei meia hora tentando descobrir pq não estava funcionando o código da minha fonte, ai percebi que por eu não ter colocado uma simples 'vírgula" meu código nunca ia funcionar.
Guanabara tu és brabo, muito obrigado pela aula
Ótima aula, muito obrigada!
Melhor curso
Esse macho é fodaaa, minhs inspiração pra virar programador
lá eleeeee
Muito foda essa aula, vou precisar rever para aprender direito, mas tá incrível!
Se você conseguir desenrolar me avisae, eu não consegui!
@rafaelguedes6337
há 3 meses
Pra aqules que não estiverem conseguindo, não precisa colocar o format, só colocando o url já vai e entre as aspas apertar (ctrl+espaço) que já vai dar as opções dos arquivos
OBS: para aparecer as arquivos ao apertar ctrl+espaço certifique-se de que eles estão no mesmo local do arquivo da aula espero ter ajudado@@josekhalil8348
Pessoal acho que nosso tempo é dos mais preciosos pense nisso!
Salve pequeno gafanhoto! Kkk
Para os que não ta conseguindo, no dentro do url coloca dois pontos e uma barra que vai dar
Ex:
url(../ ) ;
E localiza seu arquivo
Muito obrigado pela aula
Guanabara, tu és foda!!!
Ele e a lenda 🗿🍷
Maninho bora estudar juntos
@@sjsjsjjeueujeh claro mano, passa teu discord
@@pedrotintino5641 tenho discod não mais tenho telegram
@@sjsjsjjeueujeh n uso kkkkkkkk
Mmmmmmto bom!!!! Obrigado novamente mestre 🙏
Professor não sei se vai falar ainda, mais atualmente o melhor formato e recomendado pela W3C é o WOFF e o WOFF2 é mais moderno ainda!!
Para quem não está conseguindo:
@font-face {
font-family: 'Love';
src: url(love\ larry\ ttf.ttf); /*use o ctrl + espaço para selecionar o arquivo*/
font-weight: normal;
font-style: normal;
}
Obrigado! Acho q atualizou algo no VSCode e aagora precisa colocar desse jeito ne. Tks!!!!
já fiz de tudo e não consigo
@@Profromendes veja se vc colocou todas as ' no lugar correto. Eu tbm não estava conseguindo, e o erro era esse
salvou ein? Muito obrigada
O meu () está rosa e eu acho que é isso que não está dando certo
E eu que sou apoiador como que fica? Falta de consideração, nem comunica ND!!!
tbm to desanimando... eu nao posso esperar esse tempo todo pra ele disponibilizar os 5 modulos... vou ter q migrar pra outra plataforma... eu até ia apoiar, mas nao apoio a lentidão lol
@@rafael85 mano vdd, já fui pra outra plataforma, escolhir a origamid estou gostando bastante
muito bom, obrigado pelo conteúdo
Conteúdo excelente como sempre!
Obrigado pelo conteúdo!
Tá loco, brabo demais!
ótimo conteúdo
Muito bom esse guanagara lindo!
Obrigada, Guanabara!!!!
Baita professor!
Te amo!
Aula do almoço completa
Que legal esse projeto da recode
obrigado pela dica!
Curso tá sensacional! Conteúdo premium demais. Ficou muito claro agora como usar a @font-face
Cara, não co segui desenrolar essa aula, a fonte não carrega, já refiz tudo do começo ao fim,
Te amo Guanabara, me salvou!
Fiz alguns testes com algumas fontes e elas só funcionaram quando, na URL, eu as inseri sem aspas.
obrigado
Top Guanabara! Vlw!!!
estou com dificuldade com a fonte ean-13, sendo externo ou não ele simplesmente não funciona, tenho que ficar instalando ele no micro
Gustavo Guanabara: "Tu es O cara"
boa aula! valeu!
Funcionou aqui, valeu!
Esse cara é d+!
Poxa Guanabara, eu sei que é difícil, mas se você adiantasse um pouco as aulas, seria mt dahora
Pra ter um conteudo desse nível nao é facil adiantar não, pensa em quantas horas ele passa pra planejar tudo, o tempo que grava, o tempo que edita, tem o material em pdf e muitas outras responsabilidade. 3 aulas por semana é muito até
não é ele que publica
pessoal, só dar ctrl+ espaço na URl e colocar do jeito que sugestiona, não precisa do format mais. Depois é só trocar no H1 e dará certo! Espero ter ajudado.
Não consegui entender bem, pode explicar melhor?
mano,você vai colocar do jeito que ele fez,porém,atualmente não é preciso usar mais o format que ele coloca(se você quiser pode até colocar por questões de semântica),e tbm não precisa mais das aspas na URL.Bastas chamar o font face do jeito que ele faz,e dentro da URL você aperta “CTRL + ESPAÇO”,e coloca o nome do arquivo do jeito que o vscode te sugestiona,entendeu?
e depois é só mudar o nomezinho que você colocou no próprio font-family,aonde você quer que seja mudado. Ex:Colocou o nome:”Love larry” no font-family do font-face,aí você quer mudar o H1 do seu site por ex,aí você vai no seu H1{} e no font family dele,você coloca “Love Larry”
caso não tenha entendido ainda,eu te mando o código aq
@@vortexzzz3679 opa, mano, tentei assim:
@font-face {
font-family: 'Love';
src: url(love\ story\ ttf.ttf);
font-weight: normal;
font-style: normal;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-family: 'Love', Times, serif;
font-size: 3em;
font-weight: normal;
}
o que ainda tá errado?
@@vortexzzz3679 caramba, tava batendo a cabeça aqui a maneira como ele explicou não tava rodando, mas sua explicação foi sensacional, consegui fazer o exercício graças ao seu comentário obrigadão!!!!
só estou encontrando no formato ttf lá no site
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.
exato tbm to com a mesma duvida
Man o meu n foi, fica dando errado e o vscode pede pra botar barra em ces de espaço aí n muda a fonte, tendi nd ksksks mas o conteúdo é ótimo, acho que o problema é aq mrm
conseguiu?
@@ferreira8800 pior que n mn
@@joaomiguez Aqui no pc, usando o sublime só foi tirar o "format()"
@@geanr tentei e deu, valeu demais
mn, meu código ficou assim:
Fontes Externas
@font-face {
font-family: love larry;
src: url(love\ larry\ ttf.ttf);
}
body {
font-family: Love Larry;
font-weight: normal
}
h1 {
font-family: 'Times New Roman', Times, serif
}
Título
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum nulla dolores explicabo dignissimos odit ullam doloremque delectus illo unde laborum rem voluptatum id, provident adipisci sequi voluptatem fuga itaque soluta?
@@joaomiguez
Ótimo vídeo
Já chego voando no like
muito obrigado!
Segui passo a passo do vídeo e percebi que ao baixar os arquivos das fontes não vem mais com o arquivo otf baixa só o tff, segui certinho o vídeo porem não consegui colocar a fonte. alguém me ajuda por favor ? osb:(testei tanto no navegador chrome como no firefox)
❤️ Amo
Tive um problema no meu exercício. Baixei a fonte The Augusta (.otf) e a fonte Vintage King (.ttf). As duas ficaram com uma aparência quadriculada onde deveria ter linhas suaves, como uma imagem em baixa resolução. Quando coloquei font-weight: normal dentro do seletor h1, ficou um pouco melhor, mas continua com uma imagem estranha, meio quadriculada. Tentei escrever lighter em vez de normal e não mudou nada.
Melhor canal
maluco brabro demais!
Poderia ensinar nós a fazer o esboço do site ,passa alguma ferramenta ou site que ajuda a fazer uma planta do site
figma
GoOd Aula!!
Fala ai guanabara, fiz todos os cursos de python, agora estou estudando a framework django, mas não achei nenhum curso com a qualidade do seus, se puder pense na ideia de fazer um curso sobre django, iria me ajudar muito 👍
Vamo que vamo galera !
Muito bom !!
teve alguma mudança de sintaxe como falaram alguns. No meu caso so funcionou o ttf(no navegador Google Chrome), se eu colocar o ttf e o otf juntos, para de funcionar.
eu amo os vídeos
Aula masssssssaaaaaaaaaaaaa!
No meu caso, 05/2022, não precisou do "format". Hoje não é 'love larry' e sim 'love story'.
também existe a love larry, é só pesquisar ela. E tbm existe a love story. São duas fontes diferentes
*Dica
Para quem não está conseguindo, tenta usar aspas dupla
E se mesmo assim não funcionar?
@@isabelarizzicastegnaro274 escreve o codigo dnv ou fica procurando um erro kkkkkkkkk
meu código ficou assim:
Fontes Externas
@font-face {
font-family: love larry;
src: url(love\ larry\ ttf.ttf);
}
body {
font-family: Love Larry;
font-weight: normal
}
h1 {
font-family: 'Times New Roman', Times, serif
}
Título
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum nulla dolores explicabo dignissimos odit ullam doloremque delectus illo unde laborum rem voluptatum id, provident adipisci sequi voluptatem fuga itaque soluta?
@@isabelarizzicastegnaro274
Parabénsssssssssssssssssssss
Vc é O CARA!
Ele não e um cara ele e a lenda
🗿🍷
Vc é A MOÇA!
Travei horrores na última aula, perdi a tarde toda nela 😢
Tive dificuldade de fazer no meu caso porque não adicionei a font externa ao h1{}
ou seja nunca ia funcionar.
muito obrigado , passei 2 horas tentando, refazendo varias vezes. só consegui depois do seu cometário. pois estava esquecendo tambem.kkkkk
dica para colocar a URL: entre aspas, aperte Ctrl + space, se não tiver, jogue dentro da pasta em que está o exercício da fonte.
Obg e Denada
O Guanabara deveria postar 1 módulo a cada mês, se as aulas já estão gravadas posta 1 módulo a cada mês, o módulo 1 já foi postado então posta o módulo 2 neste mês (abril) e quando der 1 mês que ele postou o módulo 2 ele posta o 3 e assim sucessivamente, até chegar ao módulo 5, postar 3 aulas a cada semana ou deixar de postar em alguma semana fica chato e prejudica nós alunos.
não é ele que posta
olá. Alguém hoje em 15/05/2024 pra atualizar? eu digitei conforme instrução do Prof. Guanabara e nao rolou ...acho que ta igual ao video assim ....
@font-face {
font-family: "Love";
src: url ("love larry.ttf") format(ttf);
font-weight: normal;
font-style: normal;
}
Mas nao ta dando certo alguma dica hoje?
vlw galera
Blz ... Só atualizando fucei nesse negocio aqui e atualizou o sistema eu acho kkkkk
ficou assim
@font-face {
font-family: "Love";
src: url("fonts/love\ larry\ ttf.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
ufaaaaa ... pode parecer facil ... mas só tenho 61 anos de idade e estou estudando HTML CSS JavaScript com o Prof Guanabara e avançando ... quem sabe até começo a trabalhar ainda esse ano vai q né ..... vlw galera
O Z do Berkahi Blackletter é um a mesma letra de umas do alfabeto em japonês
Não coloquem espaço entre o format e os parênteses.
Exemplo correto:
@font-face {
font-family: 'Magic';
src: url(letter-magic.ttf) format('truetype');
}