Home › Fóruns › Desenvolvimento Web 2020 (HTML5+CSS3) › Cap. 14 – Aula 07: Fontes Externas => Nomear o “font-family”
- Este tópico contém 1 resposta, 2 vozes e foi atualizado pela última vez 2 anos, 5 meses atrás por
IcaroFilho.
-
AutorPosts
-
-
22 de junho de 2023 às 10:37 #118492
Marlei GS
ParticipantePrezados (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> -
23 de junho de 2023 às 22:07 #118593
IcaroFilho
ModeradorBoa 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.
-
-
AutorPosts
- Você deve fazer login para responder a este tópico.