将非安全字体添加到 html 个签名

Question

我正在尝试将一种特定的非网络安全字体添加到 html 签名中，并将 Helvetica 作为备用字体。我已经尝试了在代码中命名字体的所有不同变体（HKGrotesk-Regular、HK Grotesk Regular、HKGrotesk 等），但即使字体安装在我的 Mac 上，我也无法在浏览器中使用它。注意：我知道这种字体不会在大多数计算机上显示，但客户要求它。我的问题是我如何称呼代码中的字体，或者是否有其他原因无法正常工作？

    <table>
       <tr>
         <td colspan="3" style="font-family: 'HKGrotesk-Regular', serif; font-size: 9px; line-height: 12px">
             <span style="font-size: 11px; font-weight: bold; line-height: 14px">First Name</span><br>
    Job Title
         </td>
       </tr>
     </table>

Answer 1

虽然您的电脑上安装了该字体，但是HTML文档无法将其渲染到网页上。为此，您必须下载 Web Front 字体。我找到了一个字体为 https://www.cufonfonts.com/font/hk-groteks 的网站。下载完成后，确保这些字体文件的扩展名为“.woff”。然后，您将不得不在主 CSS 文件中使用以下代码 -

@font-face {
    font-family: 'HK Grotesk Regular';
    font-style: normal;
    font-weight: normal;
    src: local('HK Grotesk Regular'), url('HKGrotesk-Regular.woff') 
    format('woff');
}

上面的代码应该放在 table 元素之前才能正常工作。

此致，
维杰.

将非安全字体添加到 html 个签名

Add non safe font to html signatures

html

css

email

fonts

signature