Excel 使用 FontAwesome 打开 HTML 文件答案

【问题标题】：Excel open HTML file with FontAwesomeExcel 使用 FontAwesome 打开 HTML 文件
【发布时间】：2016-08-29 16:53:43
【问题描述】：

使用 Excel，您可以打开 HTML 文件，如果它们包含 TABLE 标签，这些文件将在 XLS 中正确呈现。

现在我有一个表格，一些单元格中有 FontAwesome 图标。这些不会显示在 Excel 中。

在普通的 Excel 文件中，我可以毫无问题地使用 FontAwesome。为此，我下载了 FontAweseme 并安装了 FontAwesome.otf 字体。现在，当我在 Excel 中选择一个单元格并设置 FontAwesome 字体时，我可以从 http://fortawesome.github.io/Font-Awesome/cheatsheet/ 复制一个图标并将其粘贴到 Excel 中，它将正确显示。

但是，我想通过将 HTML 文件导入 Excel 来实现这一点...

HTML 示例文件：

<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  </head>
  <body>
    <table>
      <tr>
        <td>hello</td>
        <td>world</td>
      </tr>
      <tr>
        <td>Hello</td>
        <td><i class="fa fa-globe"></td>
      </tr>

  </body>
</html>

当你把它保存到一个文件中并保存为 test.html 时，你可以在浏览器中打开它，你会看到 FontAwesome 图标。将其保存为 test.xls 时，您可以在 Excel 中打开它。除了 FontAwesome 图标丢失之外，所有内容都在正确的单元格中正确呈现。有人知道如何解决这个问题吗？

【问题讨论】：

标签： html excel font-awesome

【解决方案1】：

我找到了:-)

你必须在 i 标签中使用 unicode。但是你必须通过使用一个类来触发 fontawesome css 工作。现在，如果您使用像“fa fa-home”这样的普通类，您将获得两次图标。但是如果你只是使用“fa”作为类，FontAwesome 魔法就会被触发并且它会起作用。

以下 HTML 将使用 FontAwesome 图标正确呈现 :-)

<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  </head>
  <body>
    <table>
      <tr>
        <td>hello</td>
        <td>world</td>
      </tr>
      <tr>
        <td>Hello</td>
        <td>I am <i class="fa" style="color: red;">&#xf015;</i> a house !</td>
      </tr>
    </table>
  </body>
</html>

【讨论】：