Peso, estilo e shorthand font - @Curso em Vídeo HTML5 e CSS3

Bom vamos lá não dá continuidade aos nossos estudos do Capítulo 14 falando um pouco mais de declarações sobre fonte de [Aplausos] E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem-vindo a mais uma aula aqui do seu curso de html com CSS estamos caprichando na parte dos estilos de fonte e agora a gente vai ver mais algumas propriedades utilizando fonte então eu vou te mostrar um negócio agora ela acha a gente vai aprender como fazer isso mas eu vou te mostrar algumas características como por exemplo peso e estilo peso é quando a

gente faz a fonte que tá mais magrinha ou mais gordinha lembra que ele falou sobre isso claro o primeiro vídeo nesse capítulo que a gente falou sobre famílias tipográficas se não lembra volta lá que eu te mostrei essa teoria também como a falta da teoria acaba fazendo falta mais para frente e essa frase como esquisita mas deixa lá a um diretamente para o nosso computador e eu vou te mostrar como fazer uma coisa bem interessante interrompa sua aula que um minutinho para trazer mais um recado da hostnet Você se lembra da época em que as

empresas de hospedagem só ofereciam domínio hospedagem lugar para colocar seus e-mails o que a Clean empresa de hospedagem ainda trabalha desse jeito o caso essa tudo empresa de hospedagem te ajuda a resolver alguns problemas do seu site não só problemas no servidor pois saiba que existe a hostnet que oferece também bons espaços para armazenamento registro de domínio os domínios mais modernos do mercado da espaço de e-mail tudo com backup profissional e ainda te dá a educação porque quem é assinante de alguns dos planos também recebe cursos recebe treinamento essa de orientação e o site que

você vai criar não é com ferramentas gratuitas bem simplesinhas ilimitadas não são ferramentas Premium e você não vai precisar pagar um tostão a mais por isso e se por acaso durante a criação do seu site aconteceu algum problema pode contar com o suporte que a maioria dos problemas eles conseguem te ajudar a resolver esse problema for muito grave também existe um ótimo sistema de backup e retorna para o dia de ontem Por exemplo quando tu tava funcionando para maiores informações ó esse link que está aqui é só apontar a câmera do seu celular para tela

do seu computador ou então um e aqui na descrição do vídeo para saber um pouco mais sobre esse serviço de hospedagem junto com educação e suporte nota 10 isso tudo Você só tem na Rosinete não se esqueça disso vamos voltar nossa alma Então é só uma coisa que a gente vai ver o peso da fonte para eu ver o peso da fonte eu não posso usar essas Fontes simples tá essas Fontes simples ela só tem um peso ou ela é Magrinho ou ela é bem gordinha ou é normal olha no vídeo lá do primeiro vídeo

mostrando uma bem fininha um pouquinho mais gordinha o mais gordinho uma gordona que vai ficar molde para fazer isso eu vou ter que usar uma fonte que ela se chama work Sans tá essa fontworks antes ela não tá no seu computador não tem computador de ninguém e para utilizar essa fonte work Sans eu tenho que colocar uma linha aqui em cima dentro do Style uma linha bem simples que é essa aqui ó não se preocupa agora se não precisa copiar relaxa só só assistir essa aula na próxima eu prometo que eu te mostro que minha

foi eu tirei prometo promessa só assistir esse vídeo com toda atenção do mundo você poder entender o que é peso da fonte e quem estilo da fonte essa fonte aqui ele é perfeita para eles Augusto Santos no próximo eu te explico porque ela mas só assistir então basicamente quando eu faço isso eu tô usando essa ponte essa fonte eu nem considero ela bonita eu acho ela bem feia na verdade só que ela é ótima para poder explicar peso da fonte o peso da fonte é fonte Way a nota cara anota essa palavra cuidado na hora

de escrever é o leite Porque existe umas palavras e muita gente confunde a way Where the heart is Oi bom dia com força aqui leite é peso which is a largura Raid altura mas são palavras que convenhamos confundem entre si né se confundem num basicamente a nota o Waze depois a gente vai ver Willis e Ray Tá mas fonte o leite a gente vai indicar o peso da fonte E aí existem alguns pesos literais que são esses aqui ó deixa eu te mostrar existe o liner que eu mais Magrinho o normal ou bom e o

boulder a esses são os valores aceitos para algumas Fontes essa fonte o opção ela tem todo solaire o normal o gol e o boulder eu posso testar aqui ó esse aqui é o normal tá se eu botar aqui normal atualizar fica igual Tá vendo foi igualzinho normal se você quiser você pode botar o Liars online significa mais leve ó olha essa fonte mais leve viu como ela ficou mais magrinha se você quiser ainda pode botar bold-bold é bem escura né ela mais Vou perguntar para o normal para você conseguir entender o negócio normal Bolt ó

e se você quiser já tem um boulder e é mais e Electra bonde lá ficou mais ainda então a gente tem essas variações de pesos outra variação que você pode ter é a numérica ela começa em sem e termina em 900 tô posso colocar qualquer valor 100 200 300 400 500 600 e 700 800 900 algumas Fontes não tem todas as variações na verdade a maioria não tem todas as variações plantas sem seria o leitor com mais leve 200 não seria o normal ó ele é um pouquinho maior ele é um líder um pouco mais

larga se você quiser o 300 é o normal não presente não é o nono o 400 é o normal 400 seu nome então assim se você consegue uma uma nuance maior se você quiser ver eu vou apagar os 400 e vou segurar contam espaço você tá vendo aqui ó eu tenho essas opções 100 200 300 400 até o 900 que é o boulder alá 900 eu vou ver se eu não me engano ela é mais eu estou aqui parecendo ser mais que o Buda é o boldo F800 não é menos enfim eu tenho as opções

de 100 a 900 numérica com algumas variações para você tem que fazer uma pesquisa para ver se existem esses pesos todos disponíveis E você tem opção que eu falei lá para você leitor depois o normal depois o bom e depois ou boulder Beleza então você tem essas opções aqui que eu botar no nono e voltar aqui ao normal Tranquilo então continuei você pode aprender graça maneira se você tá na tua casa está tentando fazer isso com um Areal com Verdana ou com times não tá conseguindo porque Verdana Arial times simplesmente não possuem tantas variações de

peso outra variação que não existe em todas é o seguinte existe o Font Style o Font Style você vai escolher se você quer ele em Itálico ou normal tá normal é essa daqui fechou itally você vai voltar aqui tá ele ele vai ficar Itálico tem que ser o seguinte essa fonte normalmente já botar aqui no a fonte do H1 ele normalmente está em tá então a tua fonte também tem que ter avaliação de Itálico juntos tá é por isso que esse código ficou tão grande é que eu tive que instalar todas as variações nela Relaxa

volto a dizer Você quer fácil de você conseguir montar molezinha não precisa ficar copiando tá Já já eu te mostro a então eu posso vir aqui ó eu posso fazer combinações por exemplo tá em Itálico e tá normal eu também posso fazer Itálico lhe ver ó vai ficar levinho em Itálico Se eu quiser eu posso botar boulder ele vai ficar em tão e Itálico Nem todas as fontes tem todas essas possibilidades tá A grande maioria não as tem mais cartão mostrar aqui que dá para combinar possibilidades as combinações aqui as configurações utilizando Itálico ou você

não tem mais a tag ter e a tag como tinha Antigamente você vai utilizar o fonte waves e o Font Styles Wade para a gritar uma até deixá-la mais leve é muito mais versátil do que utilizar o e o Font Style para você colocar ele como Itália Tem uma galera também que gosta muito do sublinhado o sublinhado é text-decoration text-decoration aí você bota underline que aí ele vai ficar ao e Itálico e sublinhado volto a dizer a sua família de fonte tem que possibilitar todas essas três configurações certo Itálico e sublinhado a maioria delas não

permite isso e é dessa maneira que que eu faço Então a nossa isso daí outra coisa que eu quero que você anote é que você pode fazer essas configurações todas por exemplo Deixa eu tirar essas configurações todas aqui ele voltar ao normal eu posso vir aqui por exemplo no meu H1 e colocar um font-family vai ser o os sons e san-serif só para lhe segurar aqui se não tiver algum outro some ele vai ficar com fonte wake é boulder não ele vai ficar nele tão Oi tá bem forte vai ficar com Font size de botar

aqui font-size de 2 cm tá o dobro do tamanho padrão branco é um normal dele né 33 cm com negridão e Grandão mesmo parece ficar também com som de Style Vai ficar Itálico beleza isso daqui cara é uma configuração que você faz bastante essas quatro configurações aqui você faz com mais eu vou te ensinar a fazer essas quatro declarações em uma única declaração a gente vai condensar ela do que a gente chama deixa eu colocar aqui os comentários uma short Hand Shop rende é uma mãozinha eu vou te dar uma mãozinha eu vou sempre ficar

sua vida o short Hand para fonte né font-family front Wide Font size Font Style é o que a gente chama da short Hand Font ela vai poder usar todas as configurações e aí você vai ter que anotar ordem a ordem a seguinte Olha só ordem dessa que a gente conhece você vai botar primeiro o fonte tá eu depois vai é tão certinho aqui o fonte waves depois vai colocar o Font size e por último vai colocar o fonte agora não entendi nada que você tá falando eu tô perdido aqui relaxa o que a gente vai

fazer é simplificar o uso dessas linhas de cima então no lugar de usar essas quatro linhas de cima eu vou fazer um short Hand Care um fonte trato só que eu tenho que indicar a fonte Style Qual é Itálico Itálico fonte o leite Qual é o tio em boulder boulder depois font-size 3 cm depois do Font Family work Sans, sans-serif Samsung está então eu consigo fazer isso tudo em uma única ó eu tiro isso tudo aqui ó e não vai fazer nenhuma diferença transformar exatamente igual então no lugar de usar essas Fontes se eu botar

esse aqui como comentário ou tá aquelas linhas que eu tinha feito no lugar de usar essas quatro linhas eu usei só uma linha isso aqui é o que a gente chama de propriedade short Hand a propriedade que eu consigo dizer várias coisas numa única linha não existe sorte entre para tudo porém existem vários short remos que você pode utilizar no seu código HTML o estudo a dica então era só anota aí outra coisa que é importante você pode fazer por exemplo h2oh dois vamos supor eu não quero dizer que ele é Itálico eu não quero

dizer o meu font-style então vou botar sozinho Fontes posso tirar o Itálico Vou botar aqui bom posso te não posso botar aqui 2 cm tá o tamanho e o outro tá então ele vai também ficar ó tá vendo fica o dobro do tamanho ficou o orcs e ficou em então eu consigo criar short rãs utilizando essas propriedades só que o importante é o seguinte você precisa anotar Essa ordem Essa ordem é muito importante para o shopping não adianta trocar botar dois é na frente o bolo depois se não vai dar problema então a ordem é

sempre essa fonte Style Font Wide Font size e font-family muita gente aparece por aí me contando sobre os nossos certificados Ceres são válidos e até mesmo ciência e curso de html CSS e vai ter um certificado a primeira resposta é sim os nossos certificados são 100 porcento válidos em território nacional EA segunda resposta também assim mas não vai ser um certificado só não esse curso vai ter cinco módulos então isso significa que serão cinco certificados Mas é óbvio que a gente só vai conseguir emitir esse certificado a partir do momento em que os módulos estejam

completos cada um vai ter aproximadamente quarenta aulas e a gente sempre encerro módulo um vídeo fim do módulo Então já fica ligado fica ligada para você poder conseguir com os cinco módulos desse curso que tá bem legal mas trocaram Deu para entender a nota essa parada porque isso é muito importante tão importante quanto isso é o que eu vou te ensinar no próximo vídeo que é justamente como que eu consegui utilizar a fonte work some De onde saiu aquela linha a louca que eu coloquei aquele monte de código eu tive que digitar aquilo tive que

é uma coisa eu vou te dizer eu não tenho que raciocinar em nada o código já estava pronto na próxima aula eu vou te mostrar onde pegar ele Fechou então é isso a gente já tem Encontro Marcado já temos a próxima missão a não se esquece sempre treine bastante essa aula só não vai conseguir treinar nesse momento ela conseguir treinar no próximo vídeo então assistir logo o próximo vídeo porque eu tenho muita informação para você um grande abraço e a gente se vê já já [Música] [Aplausos] E aí E aí [Música]