Having trouble with implementing custom fonts in Sendgrid. While Google fonts work fine, the custom .woff format font doesn't seem to cooperate. I've attempted three solutions below. Solution number 1 shows up in the Preview tab but not in the email.
Any ideas on how to resolve this issue?
1.
<head><link href="https://somelink" rel="stylesheet" type="text/css"><style>
* { font-family: 'BrownLight', sans-serif; }
</style></head>2.
<head>
<style>
@media screen {
font-family: 'BrownLight';
src: url('somelink.woff') format('woff');
}
.text {
font-family: 'BrownLight';
}
</style>
</head>3.
<head>
<style>
@media screen {
@import url('https://somelink');
}
* { font-family: 'BrownLight', sans-serif; }
</style>
</head>