Cap. 14 – Aula 07: Fontes Externas => Nomear o “font-family”

Home Fóruns Desenvolvimento Web 2020 (HTML5+CSS3) Cap. 14 – Aula 07: Fontes Externas => Nomear o “font-family”

Visualizando 1 resposta da discussão
  • Autor
    Posts
    • #118492
      Marlei GS
      Participante

      Prezados (as), bom dia! Tudo bem com vocês?

      Durante a do Módulo 02, Cap. 14, Aula 07: Fontes Externas => Nomear o “font-family” em @font-face, minuto 09:10, o prof GG informou que necessitamos dar um nome qualquer para font-family, na aula foi utilizado o nome de ‘Love’ e que este nome necessita estar entre ASPAS SIMPLES.

      Realizei alguns testes:
      1. Utilizei o nome Love sem ASPAS SIMPLES, somente o nome. Funcionou normalmente;
      2. Utilizei o nome nome composto Love Larry, também não precisou de ASPAS e não é CASE SENSITIVE, pois funcionou normalmente com letras maiúscula e minúscula.

      Há alguma razão específica de inserir ASPAS SIMPLES no nome? Segue abaixo meu código para verificar, observe em @font-face, h2 e h3.

      <style>
              @font-face { /*Regra font-face*/
                  font-family: Love Larry;
                  src: url(midias/ex014-7_lovelarry-ttf.ttf) format('truetype');
                  font-weight: normal;
                  font-size: normal;            
              }
      
              body {
                  font-family: Arial, Helvetica, sans-serif;             
              }
              h1 {
                  font-family: 'Times New Roman', Times, serif;
                  font-size: 2em;
              }
              h2 {
                  font-family: love larry, Times, serif;
                  color: red;
                  font-weight: normal;
              }
              h3 {
                  font-family: LOVE LARRY, Times, serif;
                  color: blue;
                  font-weight: normal;
              }
              
          </style>
    • #118593
      IcaroFilho
      Moderador

      Boa noite Marlei,

      Isto se da por uma evolução natural da linguagem.

      Contudo, embora funcione sem a utilização das aspas, a própria documentação MDN nos mostra seu uso utilizando.

      Isto para além de formar um padrão, evita conflitos e/ou erros quando utilizarmos juntamente a algum tipo de framework ou pré-processamento de css.

      Lembrando que é comum o fato de se trabalhar com sistemas mesclando tecnologias novas e legadas.

Visualizando 1 resposta da discussão
  • Você deve fazer login para responder a este tópico.