2

Eu tenho um site que o cliente pediu que eu usasse um tipo de fonte para umas coisas e outro tipo para outras. E pediu que o mail fosse todo com um tipo de letra(tipo1) mas esse tipo não tem @ portanto pediu que o mail fosse todo com o tipo1 mas o @ com tipo2 (um bocado estúpido na minha opinião mas quem sou eu).

Eu tentei por o @ dentro de uma mas aparece em baixo e nem sequer aparece com esse tipo2. Aqui vou deixar o exemplo de como o código está:

<p class="footer_txt"><a href="mailto:[email protected]" style="font-family: edosz;"><img src="images/mail.png">&nbsp;geral<div style="font-family:finger;">@</div>saberinfinito.pt</a></p>

Caso seja útil para responder, o tipo de letra (tipo1) é edosz.tff e o tipo de letra (tipo2) é FingerPaint-Regular.ttf. E também deixo aqui o css de ambos os tipos:

    @font-face{
    font-family: "edosz";
    src: url('edosz.ttf');
}

@font-face{
    font-family: "finger";
    src: url('FingerPaint-Regular.ttf');
}
1
  • Olá, o ideal é criar uma regra que já identificaria o "@" e altere automaticamente ou seria aceitável adicionar <span> ? Commented 14/07/2015 às 15:24

1 Resposta 1

4

Tente assim:

.tipo1 {
    font-family: edosz;
}

.tipo2 {
    font-family: finger;
}

<span class="tipo1">Texto 1</span><span class="tipo2">Texto 2</span>
2
  • O exemplo acima ta legal mas use class ao invés de id, outra dica e usar o google web font
    – user27781
    Commented 14/07/2015 às 15:05
  • @joaomarcelo Opa irei editar para class
    – Ricardo
    Commented 14/07/2015 às 15:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .