📜  如何使用字体真棒图标作为光标?

📅  最后修改于: 2021-11-25 03:27:12             🧑  作者: Mango

使简单的光标看起来像汽车、饮料、表情符号或任何其他形状或符号,看起来很迷人。我们实际上可以将光标更改为网页上任何字体真棒图标。要将任何字体真棒图标添加到光标,我们需要在标题部分中添加字体真棒CDN。

有一个 CSS cursor属性可以更改光标的类型。它还允许在光标属性中添加图像。

cursor: url(cursor1.png) 4 12, auto;

因此,要添加 Font Awesome 图标作为光标,我们首先需要将 Font Awesome 图标制作成图像。我们可以借助 HTML 中的画布来做到这一点。然后将该图像作为光标属性的 URL 提供。

例子:



  

    
    
    
    
    
    Font Awesome Cursor
  
    

  

    

GeeksforGeeks

          

输出:
输出

可以在 https://fontawesome.com/cheatsheet找到所有用于字体真棒图标的 Unicode

Font Awesome CDN 链接: https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css