时间戳

首页 > 解决方案 > 旧设备和平台上的字体不一致，设计元素有时会中断

html - 旧设备和平台上的字体不一致，设计元素有时会中断

问题描述

我正在尝试统一字体以在所有操作系统和设备上显示相同。还有一些设计元素在不同的设备上中断。我究竟做错了什么？这是我下面的代码？

<table border="0" cellpadding="0" cellspacing="0" width="768">
<tbody>
  <tr>
    <td rowspan="4" border="0" cellpadding="0" cellspacing="0" height="100" width="250">
        <img src="https://www.westcoastelevators.com.au/wp-content/uploads/2019/08/West-Coast-Elevators-Email-Signature-Image.jpg" alt="west coast elevators logo" width="350px" height="150" style=" margin-top: 28px">

        </td>
      <td colspan="4" height="20" width="200px"><p style="font-size:20px; margin-bottom: 5px; line-height: 20px; font-family: 'sans-serif', 'lato';"><strong>Full Name</strong><br>
    <span style="font-size: 15px; font-family: 'sans-serif', 'lato'; color: #000000;">Managing Director</span></p></td>
    </tr>
    <tr height="10px" width="200px">
      <td colspan="1" width="120px"><p style="margin-bottom: -0px; font-size: 15px"><a href="tel:0430000000" style="text-decoration: none;color: black; font-family: 'sans-serif', 'lato';">0000 000 000</a></p></td>
      <td colspan="2" width="80px"><p style="margin-bottom: -0px;font-size: 15px"><a href="tel:0000000000" style="text-decoration: none; color: black; font-family: 'sans-serif', 'lato';">08 6263 5253</a></p></td>
  </tr>
    <tr>
    <td height="47" colspan="3" width="220px"><p style="line-height: 0px; margin-top: 0px; font-family: 'sans-serif', 'lato';font-size: 15px"><a href="https://goo.gl/maps/G5qdX7BeFz6HY7Rv6" style="text-decoration: none;color: black">20 Wynyard St, Belmont WA 6104</a></p>
      <p style="text-decoration: none; line-height: 10px; font-family: 'sans-serif', 'lato'; font-size: 15px"><a href="westcoastelevators.com.au" style="text-decoration: none;color: black; font-weight: bold;">westcoastelevators.com.au </a></p></td>
    <td width="180" ><a href="https://www.facebook.com/westcoastelevatorsperth/"><img style="margin-right: 5px; margin-top: 10px" src="https://www.westcoastelevators.com.au/wp-content/uploads/2019/08/Artboard-3.png" alt="facebook logo"></a> <a href="http://www.instagram.com/westcoast_elevators/"><img style="margin-top: 10px" src="https://www.westcoastelevators.com.au/wp-content/uploads/2019/08/Artboard-4.png" alt="instagram logo"></a></td></tr>


    </tbody>

</table>

标签： htmlcssemailsignature

解决方案

这是解决跨浏览器/平台字体问题的好工具：https ://google-webfonts-helper.herokuapp.com/fonts/尝试从此处下载字体，然后将其导入 css 文件。

推荐阅读