Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Forçar alteração de fonte

Surgiu uma dúvida quanto a forçar a formatação de fonte com o CSS.

Se na tag font do HTML já estiver definido um padrão de fonte, é possível alterar via CSS?

Exemplo:

<!DOCTYPE html>
<html>
    <style type="text/css">
        p{
            font-family:arial, helvetica, sans-serif;
            font-size: 20px;
        }
    </style>
    <head>
        <title>Forçar fonte</title>
    </head> 
    <body> 
        <p><font face="Arial">- Arial </font></p>
        <p><font face="Courier">- Courier </font></p>
        <p><font face="Georgia">- Georgia </font></p>
        <p><font face="Times">- Times </font></p>
        <p><font face="Tribuchet">- Trebuchet </font></p>
        <p><font face="Verdana">- Verdana </font></p>
        <p>- Sem fonte padrão</p>
    </body>
</html>
1 resposta
solução!

Olá Rodrigo, tudo certo?

Nas aulas é explicado que o css inline é mais 'forte' na estilização do que é feito via css, mas tem um jeito sim de forçar um estilo via css em um css inline já declarado.

No seu exemplo seria:

font[face]{
  font-family: arial !important;
}

Todas as fontes irão ficar como Arial. Mas use isso somente em último caso, o ideal é sempre estilizar pelo css com classes e id's.

Espero ter ajudado, bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software