色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css怎么引用font awesome

黃建東1年前5瀏覽0評論
在網(wǎng)頁制作中,我們經(jīng)常需要使用圖標來美化頁面。那么,如何引用 Font Awesome 實現(xiàn)圖標呢? 首先,我們需要在網(wǎng)頁中引入 Font Awesome。可以通過以下方式引入:
html
<link rel="stylesheet"  integrity="sha512-R3gsi/JZ6xohp9GPlzB7mRmoUV4sh3QMwPzG5JoYVvMr8hHJ6HByVFJ04SglV85D7Qh3hMjj5sZOq4wEdoNxVg==" crossorigin="anonymous" />
上面代碼中,我們通過link標簽引入了 Font Awesome 官方托管的文件。 在引入完成后,我們就可以在網(wǎng)頁中使用 Font Awesome 的圖標了。可以使用以下代碼創(chuàng)建圖標:
html
<i class="fas fa-home"></i>
上面代碼中,class屬性中的fas表示使用 Font Awesome Solid 圖標集合,fa-home表示使用 home 圖標。 當然,如果你需要使用其他的圖標集或圖標,只需要使用不同的類名即可。 可以使用以下代碼創(chuàng)建帶有自定義文本的圖標:
html
<p><i class="fas fa-envelope"></i> <span>聯(lián)系我們</span></p>
上面代碼中,我們先創(chuàng)建了一個

標簽,然后在其中使用標簽創(chuàng)建了一個帶有郵件圖標的圖標。隨后,在圖標后面使用標簽創(chuàng)建了文本,并使用 CSS 樣式進行了排版。 綜上,通過引用 Font Awesome,我們可以輕松地在網(wǎng)頁中使用圖標,并且圖標樣式文件可以直接使用官方托管的文件,非常方便快捷。