Jade/Pug의 a
태그에 FontAwesome 아이콘을 어떻게 추가 할 수 있습니까? 나는 또한 그것을 대담하게하고 싶다. 미리 감사드립니다! 이것은 내가 무엇을 시도했다입니다 :옥에 FontAwesome 아이콘을 추가하는 방법
a(href="#toTop", class="fa fa-arrow-up", aria-hidden="true")
Jade/Pug의 a
태그에 FontAwesome 아이콘을 어떻게 추가 할 수 있습니까? 나는 또한 그것을 대담하게하고 싶다. 미리 감사드립니다! 이것은 내가 무엇을 시도했다입니다 :옥에 FontAwesome 아이콘을 추가하는 방법
a(href="#toTop", class="fa fa-arrow-up", aria-hidden="true")
당신은 그것을이 방법이 필요
a(href='#')
i.fa.fa-arrow-up(aria-hidden='true')
글꼴을 제공하는 데 필요한 아이콘을 추가하면 i
태그에 태그를 추가하고 I 태그는 a
태그 안에 있어야합니다. 이제 CSS를 적용하고 굵은 글씨로 만들 수 있습니다.
글꼴을 추가하면 끝내주는 CDN 도 도움이 되길 바랍니다.
나는 CodePen에있는 당신의 문제를 재현하려했지만, 그것은 문제없이 나를 위해 작동합니다. 머리글에 FontAwesome CSS 종속성을 추가하는 것을 잊었을까요?
그게 잘못하고 있다면,이 문서 헤더에 추가해야 할 것 태그가 작동하게하는 것입니다 :
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">