Ios 如何在angular应用程序中使用UI字体图标

我正在设计草图中的实体模型，我正在使用为图标设计的UI字体中的主页和搜索图标。现在我想在我的angular应用程序中使用html和css显示这些图标。似乎没有任何在线资源教你如何做到这一点。我曾经使用过FontAwesome等资源，这些资源都有非常清晰的文档说明如何做到这一点。

我通过右键单击草图中图标的CSS属性来实现这一点：

/* home: */
font-family: UIFont-Solid;
font-size: 30px;
color: #FFFFFF;

因此，将此添加到css中：

.icon {font-family: UIFont-Solid; font-size: 30px; color: #FFFFFF;}

然后，在html/视图中需要做的就是将类添加到元素中，并将图标的名称作为文本放在元素中：

<div class="icon">home</div>

主页

您甚至可以在同一个div中放置多个图标：

<div class="icon">home search help</div>

主页搜索帮助

请注意，除非您将字体添加到fonts文件夹并在css中使用@font face引用它，否则这可能无法在生产环境中使用