如何在角度应用程序中使用UI字体图标

Question

我正在设计Sketch中的样板，并且使用用于图标的UI字体中的家庭和搜索图标。现在我想使用html和css在我的角度应用程序中显示这些图标。网上似乎没有任何资源教导如何做到这一点。我已经使用了诸如FontAwesome之类的资源，在这些资源上有非常明确的文档说明了这一点。

Answer 1

我得到了它，通过右键点击复制草图内的图标的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> 

需要注意的是，除非你的字体添加到字体文件夹，并使用@字体面引用它在CSS，这可能不是在生产工作。