字体未出现在Outlook签名中

时间:2019-07-18 14:21:40

标签: html fonts outlook

我设计的HTML文件看起来不错,但是由于某种原因,Outlook无法显示文本。简直是空的。图片看起来不错。

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style media="screen" type="text/css">
        td{line-height:0; font-size:.5m;}
        img { display:block; float:left; padding: 0; align: absbottom; align:texttop;}        
        </style>    
    </head>

<!-- Paste the code here -->
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Gitgtel Sig.png) -->
<table id="Table_01" width="722" height="103" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="5">
            <img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_01.jpg?_t=1563457839" width="96" height="103" alt=""></td>
        <td rowspan="5">
            <img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_02.jpg?_t=1563457736" width="19" height="103" alt=""></td>
        <td colspan="5" width="161" height="20">
            <span style="font-size: calc(8px + .3vw); font-family:'Raleway', sans-serif, Arial; color: #39262d; font-weight: 700;">Person</span></td>
        <td rowspan="5">
            <a href="https://grapaes.com/open-field-days-2019"><img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_04.png?_t=1563457839" width="446" height="103" alt=""></a></td>
    </tr>
    <tr>
        <td colspan="5" width="161" height="18">
            <span style="font-size: calc(8px + .3vw); font-family:'Raleway', sans-serif, Arial; color: #39262d; font-weight: 700;">job Description</span></td>
    </tr>
    <tr>
        <td colspan="5" width="161" height="20">
            <span style="font-size: calc(8px + .2vw); font-family:'Raleway', sans-serif, Arial; color: #39262d; font-weight: 300;">p: <a href="tel:97246292274"><font color="749b53"><u>+9phone</u></a></td>
    </tr>
    <tr>
        <td colspan="5" width="161" height="23">
            <span style="font-size: calc(8px + .2vw); font-family:'Raleway', sans-serif, Arial; color: #39262d; font-weight: 300;">w: <a href="https://www.grapaes.com"><font color="749b53"><u>www.grapaes.com</u></a></td>
    </tr>
    <tr>
        <td>
            <a href="https://www.facebook.com/grapavarietiesltd"><img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_08.jpg?_t=1563457839" width="20" height="22" alt=""></a></td>
        <td>
            <a href="https://www.instagram.com/grapavarieties"><img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_09.jpg?_t=1563457839" width="31" height="22" alt=""></a></td>
        <td>
            <a href="https://www.linkedin.com/company/grapa-varieties"><img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_10.jpg?_t=1563457839" width="37" height="22" alt=""></a></td>
        <td>
            <a href="https://www.youtube.com/user/grapaescom"><img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_11.jpg?_t=1563457839" width="36" height="22" alt=""></a></td>
        <td>
            <img src="https://grapaes.com/signatures/Gittel/Aug%20AFD/1_12.jpg?_t=1563457839" width="37" height="22" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

通过在Photoshop中制作图形的切片,导出切片并使用该代码,我已经获得了大部分代码。

0 个答案:

没有答案