Como substituir folha de estilo mundial

Question

Em suma, há uma folha de estilo global:

a { font-family: Arial; }

Eu quero usar uma família de fontes diferentes para um determinado link:

<a href="..." style="font-family: Helvetica;">...</a>

ou

<span style="font-family: Helvetica;"><a href="...">...</a></span>

mas funciona nada. Existe uma maneira fácil de fazer isso?

P.S. Estou dinamicamente (via PHP) fontes diferentes atribuir a diferentes links, para criar uma classe especial não é uma opção.

Answer 1

A menos que você tem uma fonte específica chamado Helvetica, você deve perceber que em algumas plataformas (como o Windows, através de FontSubstitutes ), Helvetica é alias para Arial. Isso pode ser a origem do problema. Tente outra fonte e ver.

Answer 2

A sua primeira tentativa

  <a href="..." style="font-family: Helvetica;">...</a>

deveria ter funcionado. Concorda que você provavelmente está faltando uma fonte. estilos inline têm precedência sobre quaisquer outros estilos ao lado de uma folha de estilo definida pelo usuário. Aqui está a ordem de prioridades para as definições de estilo:

1. Usuário estilo definido
2. incorporado ou folha de estilo em linha
3. folha de estilo Interno
4. folha de estilo externa
5. estilo padrão do navegador

Dentro de uma folha de estilo as prioridades são as seguintes:

1. Qualquer coisa marcada! Important

2. id

3. .class
4. elemento

Além disso, você tem a regra de maior especificidade: div a substituições a.

Aqui está um bom artigo com mais detalhes sobre o assunto .

@ sugestão de Kip é a sua melhor aposta.

Answer 3

O que você escreveu deve funcionar, a menos que o problema é o que Chris apontou,

Quando você começa um par de fontes para que isso funciona corretamente, você pode considerar que uma melhor maneira de fazer isso seria declarar uma classe para as ligações especiais que de alguma forma lembra-se de por que precisa de uma fonte separada (talvez porque você quer que eles sejam especialmente notado?)

a { font-family: Arial; }
a .noticed { font-family: Helvetica; }

Então, em HTML:

<a class="noticed" href="...">...</a>

Alterar a fonte, criando uma tag span em todo o link, ou a adição de estilo inline para o link apenas cheira dos velhos tempos de etiquetas <font>.

Answer 4

elemento estilos substituir os estilos globais, então Chris Jester-Young provavelmente está certo e você realmente não tem uma fonte Helvetica; tente uma fonte diferente, por exemplo, Courier ou Times New Roman que você está certo existe