时间戳

首页 > 解决方案 > 为什么进度 html 元素没有显示在电子邮件（gmail 或 hotmail）上，有什么方法可以显示它，为什么 Nunito google 字体在电子邮件上不起作用？

html - 为什么进度 html 元素没有显示在电子邮件（gmail 或 hotmail）上，有什么方法可以显示它，为什么 Nunito google 字体在电子邮件上不起作用？

问题描述

我尝试使用元素并将 Nunito 字体与外部链接一起使用，但不适用于电子邮件

<progress value="10" max="100">10%</progress>

标签： htmlcssemail

解决方案

对于努尼托：

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Nunito" />

/* This text is in Nunito */
.class { 
  font-family: Nunito; 
}

您可以为您的进度条尝试这个：

<table style="border:0;" cellpadding="0" cellspacing="0" width="250">
<tr>
  <td bgcolor="#f83f83" style="width:50%; background-color:#f83f83; float:left; height:15px;"></td>
  <td bgcolor="#cccccc" style="width:50%; background-color:#cccccc; float:left; height:15px;"></td>
  </tr>
</table>

推荐阅读