arrow我的队友创建了figma,并使用图中的箭头显示。我不知道如何插入这样的图标。我尝试使用字体awesome 4.7,但它看起来不一样enter image description here
lzfw57am1#
您可以简单地使用带有透明背景的箭头图像,因为<img>是inline-block。您还可以将高度设置为1em以匹配字体大小
<img>
inline-block
1em
ffx8fchx2#
你有箭头图标的png文件吗?我想你可以直接从Figma导出箭头图标的图像。然后你可以只使用<img>标签插入图像。
<img src="images/[insert arrow png file]">
b0zn9rqh3#
也可以使用变换:skewX(-35度)在您的实际图像或div,使您的图像像上面的图像倾斜!
1hdlvixo4#
要从Figma导出一个png文件,点击图片并滚动到右边栏的底部,你会在底部看到“导出”,在那里你可以选择png并导出它。
4条答案
按热度按时间lzfw57am1#
您可以简单地使用带有透明背景的箭头图像,因为
<img>
是inline-block
。您还可以将高度设置为1em
以匹配字体大小ffx8fchx2#
你有箭头图标的png文件吗?我想你可以直接从Figma导出箭头图标的图像。然后你可以只使用
<img>
标签插入图像。b0zn9rqh3#
也可以使用变换:skewX(-35度)在您的实际图像或div,使您的图像像上面的图像倾斜!
1hdlvixo4#
要从Figma导出一个png文件,点击图片并滚动到右边栏的底部,你会在底部看到“导出”,在那里你可以选择png并导出它。