A pergunta é bem simples e objetiva, eu quero ter um estilo de fonte para o parágrafo e outro estilo que fonte para as aspas, porém quando eu coloco o conteúdo entre a tag <q>
o que está dentro pega o font-family
do <q>
e perde o font-family do <p>
.
Para fica mais claro veja o exemplo.
p {
font-size: 32px;
font-family: serif;
}
q {
font-family: sans-serif;
}
<p>Lorem ipsum dolor sit amet consectetur, <q>adipisicing elit</q>. Ipsum, quas.</p>
A parte do texto que está envolvida pelas tag <q>
fica com o font-family diferente do <p>
, mas eu quero só as aspas e não o texto inteiro de dentro da tag
Não quero usar aspas direto no corpo do texto, tem que ser com a tag <q>
, isso não teria valor ok ... "texto" ...
Como posso resolver esse problema de forma semântica usando a tag <q>
e de forma que eu possa reutilizar em outras partes do texto?
q { quotes: "«" "»" "‹" "›"; }
(é só um exemplo), entendi certo?<q> seria a tag para quote correto?
Para o leitor de tela entender que está entre aspas e não usar "texto" e sim <q>texto</q> entende. Acho que posso ter me expressado mal, o que quero dizer é que seria obrigatório usar a tag<q>
para colocar o conteúdo dentro. E tem mais a ver com o font-family e não com o tipo de aspas.<q>
ou"
ou'
, isso é especulação, existem diferentes leitores de telas, com funcionamentos variados, suporte ou falta de suporte para certas tags HTML. Eu poderia "presumir" que um bom leitor de tela reconhece todos (<q>
,"
,'
), porque a ideia é de fato ler o texto e nem todo dev é um bom dev para compreender as necessidades de pessoas com deficiencia visual.<q>
seja nova)