I have a site that the client asked me to use one font type for some things and another type for others. And he asked that the mail be all with a typeface (type1) but this type does not have @ so he asked that the mail was all with type1 but @ with type2 (a bit stupid in my opinion but who am I) / p>
I tried the @ inside a but it appears below and does not even appear with this type2. Here is the example of how the code is:
<p class="footer_txt"><a href="mailto:[email protected]" style="font-family: edosz;"><img src="images/mail.png"> geral<div style="font-family:finger;">@</div>saberinfinito.pt</a></p>
If it is useful to respond, the font (type1) is edosz.tff and the font (type2) is FingerPaint-Regular.ttf. And I also leave here the css of both types:
@font-face{
font-family: "edosz";
src: url('edosz.ttf');
}
@font-face{
font-family: "finger";
src: url('FingerPaint-Regular.ttf');
}