如何设置字体-可怕的单一水疗项目？

Question

我有一个单独的温泉应用程序根配置，一个样式指南，和几个反应应用程序。所有这些应用程序都是使用yarn create single-spa命令生成的。

我尝试从字体出色的网站创建一个kit，并将其添加到head标记内的根-config index.ejs中。

然后，我尝试在我的一个MFE中添加<i className='fa-brands fa-facebook-f' />。我的浏览器中加载的index.html包含标记代码。但它的尺寸是0x0。

Answer 1

你错过了一些风格。

当您生成您的kit，字体可怕的网站共享一个片段的script标记为您的工具包。您需要将其放置在head部分的root-config中。但这还不是全部。您还需要添加一些font-faces。

同一个页面(带有代码段)也有一个下载示例html文件的链接。如果您检查该文件，它有额外的style标记。一旦您将这些添加到您的root-config，图标将开始显示。

这个问题不是单一的水疗，它是令人困惑的文件字体-可怕。