1
I tried to use
<style type="text/css">
@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('http://www.agilsoft.com.br/assinatura/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('http://www.agilsoft.com.br/assinatura/MYRIADPRO-REGULAR.woff') format('woff');
}
</style>
when I put the codes inside a style inside the head, gmail does not take the css, but if I put it directly inside the tag it works, I just couldn’t make the font-face work, someone has some idea of how to do?
Follow the rest of the code:
<head>
<meta charset="UTF-8"/>
<style type="text/css">
@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('http://www.agilsoft.com.br/assinatura/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('http://www.agilsoft.com.br/assinatura/MYRIADPRO-REGULAR.woff') format('woff');
}
</style>
</head>
<body link="red">
<a href="http://www.agilsoft.com.br" class="banner" style="text-decoration:none">
<img src="http://www.agilsoft.com.br/assinatura/banner.png" style="width: 292.7px; height: auto;">
</a>
<p class="nome" style="font-family: Myriad Pro Semibold ,Calibri, Arial, sans-serif; font-size: 16pt; margin-top: 4.7px; margin-left:1%;">
<span style="font-weight: bold; display: inline;kerning: -60;">Vinícios S. Amaral</span>
</p>
<p class="cargo" style="font-family: Myriad Pro Regular ,Calibri, Arial, sans-serif; font-size: 12pt;line-height: 0.2;margin-left: 2%;margin-bottom:1%;">
<span style="display: inline;kerning: -20;" >Analista de Suporte</span>
</p>
<div class="icones" style="font-size: 0px; line-height: 0; font-family: Helvetica, Arial, sans-serif;margin-top: 6.8px;margin-left: 1%;">
<a style="text-decoration: none; display: inline;" href="https://www.facebook.com/agilsoftinfo/">
<img style="border:none;display:inline;margin-left: 5px; width : 25px; height : 25px;" data-filename="fb_icon" src="http://www.agilsoft.com.br/assinatura/fb_icon.png" alt="Facebook">
</a>
<a style="text-decoration: none; display: inline;" href="http://agilsoft.com.br">
<img style="border:none;display:inline;margin-left: 5px; width : 25px; height : 25px;" data-filename="site_icon" src="http://www.agilsoft.com.br/assinatura/site_icon.png" alt="Skype">
</a>
<a style="text-decoration: none; display: inline;" href="https://www.linkedin.com/company/ágilsoft/">
<img style="border:none;display:inline;margin-left: 5px; width : 25px; height : 25px;" data-filename="linkedin_icon" src="http://www.agilsoft.com.br/assinatura/linkedin_icon.png" alt="Maps">
</a>
</div>
<p class="fone" style="font-family: Myriad Pro Regular ,Calibri, Arial, sans-serif; font-size: 9.5pt; line-height: 14px; margin-top: 6.8px; margin-left: 1%;">
<span style="display: inline;
kerning: -20;"> 3599-3714 / 3039-2061</span>
</p>
</body>
</html>
