Estou precisando descobrir uma forma de usar fontes que não seja de sistema em e-mails Marketing. Já tentei com @import e @font-face mas as fontes chegam erradas no g-mail, hotmail e outlook.
Alguém conhece alguma forma que funcione ou pode me ajudar a fazer pois posso estar fazendo errado?
Desde já agradeço.

Olá! Estou desenvolvendo um layout, pra atender minha necessidade fiz uma fonte de símbolos, o problema é que simplesmente o firefox não abre a fonte, todos os navegadores incluindo o IE, sim até o IE abriu a fonte, menos o firefox; Alguém pode me ajudar a resolver este problema?

Estou usando esse código:
/* Fonte para os outros navegadores */
@font-face {
font-family: "Fonte";
src: url('fontes/tenda_encantada.eot');
src: local('scarface'), url('fontes/fonte.ttf') format('truetype');
}
/* Fonte para o IE */
@font-face {
font-family: "Fonte";
src: url("fontes/fonte.eot");
}

Boa tarde pessoal,
 
Estou com um problema, faço a importação da fonte, conforme código abaixo:
@font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatm.eot'); src: url('fonts/Regulator/regulatm?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatm.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatm.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* NORMAL-ITALIC */ @font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatmi.eot'); src: url('fonts/Regulator/regulatmi?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatmi.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatmi.ttf') format('truetype'); font-weight: normal; font-style: italic; } /* LIGHT */ @font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatl.eot'); src: url('fonts/Regulator/regulatl?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatl.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatl.ttf') format('truetype'); font-weight: lighter; font-style: normal; } /* LIGHT-ITALIC */ @font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatli.eot'); src: url('fonts/Regulator/regulatli?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatli.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatli.ttf') format('truetype'); font-weight: lighter; font-style: italic; } /* BOLD */ @font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatb.eot'); src: url('fonts/Regulator/regulatb?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatb.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatb.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* BOLD-ITALIC */ @font-face { font-family: 'Regulator'; src: url('fonts/Regulator/regulatbi.eot'); src: url('fonts/Regulator/regulatbi?#iefix') format('embedded-opentype'), url('fonts/Regulator/regulatbi.svg#Locaweb-Icons') format('svg'), url('fonts/Regulator/regulatbi.ttf') format('truetype'); font-weight: bold; font-style: italic; } Na hora da utilização, não consigo usar a fonte corretamente, coloco ela normal e aparece em negrito, já conferi os arquivos e estão corretos... Não sei mais o que fazer, alguma luz?
 

Estou tentando estilizar o checkbox com @font-face, o Chrome esta renderizando corretamente, porém no firefox não (não sei no IE pois estou rodando no Linux), segue código:
@font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?tuz516'); src:url('fonts/icomoon.eot?#iefixtuz516') format('embedded-opentype'), url('fonts/icomoon.ttf?tuz516') format('truetype'), url('fonts/icomoon.woff?tuz516') format('woff'), url('fonts/icomoon.svg?tuz516#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } e esse:
input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;outline: none;cursor: pointer;margin: 0px;} input[type=checkbox]:before {font-family: 'icomoon';font-size: 22px;position: relative;top: 3px; content: "\ea53";margin-right: 1px;color: #999;} input[type=checkbox]:checked:before {content: "\ea52";color: #333;} A fonte eu peguei no link: https://icomoon.io/app/#/select
 
Alguém faz ideia do que pode ser?