8

Есть шрифт Bender - нужно подключить в верстку. Как правильно это сделать в html-письме?

4
  • спасибо. А Google так: <style> @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light); /* Место для формата css */ </style>
    – Proshka
    3 мая 2017 в 13:07
  • При верстке писем смотрите сюда.
    – MihailPw
    3 мая 2017 в 13:10
  • спасибо, да, знаю
    – Proshka
    3 мая 2017 в 13:12
  • 1
    поддержка для email - campaignmonitor.com/css
    – soledar10
    3 мая 2017 в 13:39

1 ответ 1

11

В почтовых рассылках допускается использование только стандартных шрифтовых наборов, которые присутствуют на всех устройствах. Представляю вашему вниманию список безопасных шрифтов, которые есть на всех устройствах.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Georgia, serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;

Таким образом, эти шрифты можно использовать в рассылках без страха и риска. Если вы все же хотите использовать совсем нестандартные шрифты через правило @font-face, то будьте внимательными, это правило работает только в IOS, Google mail и Android 4 (Gmail).

источник

P.S: вот такая конструкция в head позволяет гугл шрифты подключить, но за поддержку не скажу:

<!-- Web Font / @font-face : BEGIN -->
    <!-- NOTE: If web fonts are not required, lines 9 - 26 can be safely removed. -->

    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
    <!--[if mso]>
        <style>
            * {
                font-family: sans-serif !important;
            }
        </style>
    <![endif]-->

    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
    <!--[if !mso]><!-->
        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
    <!--<![endif]-->

  <!-- Web Font / @font-face : END -->

Еще вариант, вырезать текст и вставлять картинкой если это очень важно, но не рекомендуется из-за проблем с форматированием.

3
  • этак конструкция подключает все Google- шрифты или их нужно прописать дополнительно?
    – Proshka
    3 мая 2017 в 13:27
  • @Proshka, там же видно что только робото //fonts.googleapis.com/css?family=Roboto:400,700'
    – SVE
    3 мая 2017 в 13:47
  • 1
    да, да, спешу, не замечаю. Спасибо
    – Proshka
    3 мая 2017 в 14:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.