Mail is sent through mandrill .
In the same place, at the very beginning of the document, the Open Sans font is connected:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>...</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0 " /> <meta name="format-detection" content="telephone=no" /> <!--[if !mso]><!--> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300" rel="stylesheet" type="text/css" /> <!--<![endif]--> <style type="text/css"> ... 

and in the cell styles are

 <td width="55" align="left" valign="top" class="em_w1" style="font-family:'Open Sans', Arial, sans-serif; font-size:13px; line-height:17px; color:#3f2957; font-weight:600;"> Item # </td> 

The result is a font Arial . Does anyone have any idea how this can be fixed?

    1 answer 1

    There are two reasons for this:

    1. Mail clients do not support @font-face , and fonts in css are connected only in this way. Support is available only in OS X and iOS clients ( study );

    2. E-mail clients for the most part do not support styles from external files, and some do not support styles in <style> , only inline ones.

    I recommend that you abandon the custom fonts in letters, and use standard for text. In a pinch, you can make headlines with pictures.