2016-08-21 59 views
0

首先,我發送電子郵件給客戶的數量可能會像16,000封郵件,不幸的是我發現我的自定義字體問題。我無法將其加載到我的郵件頁面中。在HTML 不能包含自定義字體到電子郵件

<link href='https://fonts.googleapis.com/css?family=Droid%20Arabic%20Kufi' rel='stylesheet' type='text/css'> 
  • 在CSS

    1. 隨着link標籤隨着@font-face:我想這
      @font-face { 
          font-family: 'Droid Arabic Kufi'; 
          font-style: normal; 
          font-weight: 400; 
          src: url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); 
          src: url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), 
           url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), 
           url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), 
           url(https://fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); 
      }
    2. 隨着@import
      @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); 
      

    不要告訴我,讓圖像,因爲我不能和原因是通過PHP生成的郵件表單。

    任何幫助將不勝感激,非常感謝。

  • 回答

    3

    自定義字體是not well supported in email clients。目前無法在Outlook,Gmail應用程序或任何Webmail客戶端中顯示網頁字體。但是,您可以爲支持它的客戶端指定webfont,併爲那些不支持的客戶端指定系統備用字體。

    配售這樣的事情你<head>內,會得到最佳的覆蓋範圍:

    <!-- 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. --> 
    <!--[if !mso]><!--> 
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> 
    <!--<![endif]--> 
    

    更多webfont support in email on Style Campaign

    +0

    但是如何有時會收到帶有自定義字體而不是圖像的郵件:S:S – Un1xCr3w

    +0

    您在哪些電子郵件客戶端中看到自定義字體? –

    +0

    hotmail.com,gmail.com:S – Un1xCr3w

    相關問題