+ Start a Discussion
MC34MC34 

Given Email font not rendering in actual emails

I have created the VF email template that has email font as "Source Sans -Pro" . However some elements are rendeing as same font in emails. How can i give unversal font all through out the email. 

Current script is: 
 
<messaging:emailTemplate subject="PO# {!relatedTo.EBS_PO_Number__c} Order on Hold Clarification Required. Case #{!relatedTo.CaseNumber}, Order #{!relatedTo.EBS_Order_Number__c}, {!relatedTo.ThreadID_FK__c}" 
recipientType="Contact"  relatedToType="case">

    <messaging:htmlEmailBody >

<html>




<style type="text/css">
            body {font-family: source sans pro;}
            </style>
            
            <body>



<p>Thanks for ordering from TEST Group! Your order is temporarily on hold.</p>
 <p><b>We can’t wait to complete your order but need to talk to you first about the order below:</b></p>
    
   <li> Customer Name: {!relatedTo.Customer_Name__c}</li>
    

    <li>Customer Number: {!relatedTo.EBS_Account_Number__c}</li>
    <li>PO Number: {!relatedTo.PO_Number__c}</li>
     <li>Order Number: {!relatedTo.EBS_Order_ID__c}</li>
     <li>Date: {!relatedTo.Clarification_Start_Date__c}</li>
     <li>Contact: {!relatedTo.Contact.name}</li>
     <li>Phone: {!relatedTo.ContactPhone}</li>
     <li>Ship to:<!--donot see any field ship to in case?--></li>
     
     <br/><c:clarificationQuestions rcaseID="{!relatedTo}"/><br/><br/>
     
     
   

<p>You can continue to track this order right on our website! It’s quick and easy when you <a href="https://www.TEST.com/US/login">log in</a>  to your account or <a href="https://www.TEST.com/US/RegisterCustomerAccount">create a login</a> at <a href="https://linkprotect.cudasvc.com/url?a=http%3a%2f%2fwww.TEST.com&amp;c=E,1,RSHyRGRSU_HM5UwVlcvcLAvN46Oi2USrS1x_vOlFPyA1ub67wthQhaxFnltmUfMEkBiyy_SfDlmhvN2rw1E9xbIn3vH7Wz7XqIgRclBx50yAfPncCE3sn6CQ9uE,&amp;typo=1">www.TEST.com</a>.</p>

<p>All the best, <br/>
The TEST Group Customer Care Crew<br/></p>



<a href="https://www.TEST.com/US/" style="text-decoration:none;color:#456FB2;font-size:18px;font-family:Source Sans Pro Black,sans-serif;">TESTGROUP.com</a><br />
<span style="font-size:11px"><span style="color:black"><span style="line-height:.8;font-family:&quot;Source Sans Pro&quot;,sans-serif">You can check order status and inventory, estimate shipping, create a virtual sample or access case studies, test reports, images and templates. It&rsquo;s all there!</span></span></span>


<p style="font-family:Source Sans Pro ;,sans-serif"><span style="color:#456fb2;"><b><span style="font-size:18px;">send orders to:</span></b></span><br />
<span style="color:#ffc107"><span style="font-size:11px"><span style="color:#ffc107"><span style="font-size:11px"><span style="color:black"><b>24 Hour Orders:</b>&nbsp;<b style="color: rgb(69, 111, 178);"><a href="mailto: 24hour@TEST.com" style="color:#456FB2">24hour@TEST.com</a></b><br />
<b>Standard&nbsp;Production Orders:</b>&nbsp;<a href="mailto: orders@TEST.com" style="color:#456FB2"><b>orders@TEST.com</b></a><br />
<b>Random Samples and Marketing Collateral Orders:</b>&nbsp;<a href="mailto: samples@TEST.com" style="color:#456FB2"><b>samples@TEST.com</b></a> <span style="color:#ffc107"> <span style="font-size:11px"> <span style="color:#ffc107"><span style="font-size:11px"><span style="color:black"> </span></span></span> </span> </span> </span></span></span></span></span></p>    
<span style="font-size:11px"><b><span style="line-height:.7;font-family:&quot;Source Sans Pro&quot;,sans-serif;color:black">CONFIDENTIALITY NOTICE</span></b><br />
<span style="line-height:107%;font-family:&quot;Source Sans Pro&quot;,sans-serif;color:black">This electronic message is confidential and may contain legally privileged information intended only for the use of the individual
or company named above. If the reader of this message is not the intended recipient, or the employee or agent responsible
to deliver it to the intended recipient, you are hereby notified&nbsp; that any dissemination, distribution or copying of this communication
is strictly prohibited. If you have received this communication in error, please immediately notify us by telephone, and
return the original message to us at the address&nbsp;above.</span> </span>
</body>

</html>
    </messaging:htmlEmailBody>

</messaging:emailTemplate>